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.

images/C02-007.png

<!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; 
   ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les sélecteurs hiérarchiques
Suivant
Les filtres enfants