Les filtres jQuery de base
Tous les éléments du DOM étant répertoriés par jQuery, il devient facile de filtrer des éléments déterminés, comme le premier, le dernier, etc.
1. Le premier élément
$(":first")
Sélectionne la première occurrence d’un élément.
$("li:first") : sélectionne la première occurrence de liste <li> du document.
Le sélecteur :first sélectionne un seul élément tandis que :first-child (voir Les filtres enfants - Le premier enfant du présent chapitre) peut en sélectionner plusieurs, soit un pour chaque parent.
Exemple
Mettons un arrière-plan de couleur à la première ligne d’un tableau.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
$("tr:first").css("background", "#9cf");
});
</script>
<style>
table {
width: 210px;
border-collapse: collapse;
border: 1px solid black;
...