Cours ⇒ Les bases de jQuery facebook twitter youtube

Les bases de jQuery

Les sélecteurs principaux | Les sélecteurs principaux


Les sélecteurs principaux :

 

$("*")

// Permet de sélectionner tous les éléments HTML

$("h1")

// sélectionne toutes les balises H1

$("#nom-de-ID")

// permet de sélectionner ls éléments par leur ID

$(".nom-de-la-classe")

// par leur classe

$("h1, a, #nom-id, .nom-classe, div,p")

// plusieurs éléments mélangés (classes,

id, nom)

$("div > p")

// sélectionne P, enfants directs de DIV

$("div  p")

// sélectionne P, dans la descendance de DIV (qu’il soit enfant, sous enfant ou sous-sous-enfant…)

$("input:text")

//le type «text» des input

$(":text")

//tous les types text

$("img[alt]")

//tous les IMG ayant l’attribut ALT

$("[alt]")

//tous les attributs ALT

$("img[title='tigre']") //tous les IMG ayant l’attribut ALT qui porte la valeur «tigre»

Ce qu’il faut retenir pour les sélecteurs c’est que pour 90% d’entre eux, la manière de les cibler est
exactement de la même manière qu’on le ferait dans une feuille de style CSS.
Lien recensant tous les sélecteurs JQuery :
http://www.w3schools.com/jquery/jquery_ref_selectors.asp

Tous les sélecteurs du langage CSS peuvent être utilisés en jQuery. Cependant, quelques sélecteurs et pseudo-sélecteurs sont uniquement accessibles en jQuery :

 

Sélecteur

Éléments sélectionnés

:even

Éléments pairs

:odd

Éléments impairs

:eq()

Éléments dont l’index est spécifié

:gt()

Éléments dont l’index est supérieur à (greater than) l’index spécifié

:lt()

Éléments dont l’index est inférieur à (lower than) l’index spécifié

Exemple

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<script src="../jquery-1.11.2.js"></script>
</head>
<body>
<h1>Mon Titre</h1>
<script>
$("h1").click(
 function(){alert("Pas touche !"); }
);
</script>
</body>
</html>

 





>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces