Résumé des sélecteurs jQuery courants_jquery

Sélecteur d'éléments de base

Copier le code Le code est le suivant :

$("p")
$("p.ii") sélectionne tous les p éléments avec class=ii
$("p#demo") sélectionne le premier élément p avec id=demo

Sélecteur hiérarchique

Copier le code Le code est le suivant :

$("div input")Toutes les entrées sous div
$("div>entrée")

Sélecteur de conditions de base

Copier le code Le code est le suivant :

$("p:premier")
$("p:dernier")
$("tr:even") sélectionne les lignes paires
$("tr:impair")Odd
$("input:not(:checked)") sélectionne tous les éléments sélectionnés
$("tr:eq(1)")Table avec valeur d'index 1
$("tr:gt(0)") est supérieur à 0
$("tr:lt(0)") est inférieur à 0
$(":header") sélectionne tous les éléments d'en-tête
$(":animated")L'animation en cours d'exécution

Sélecteur de condition de contenu

Copier le code Le code est le suivant :

$("div:constains('ddd')") sélectionne l'élément de calque contenant le texte ddd
$("td:empty") sélectionne les cellules du tableau qui ne contiennent ni texte ni sous-éléments
$("div:has(p)") sélectionne l'élément de calque contenant l'élément de paragraphe
$("td:parent") sélectionne les cellules du tableau contenant des éléments enfants ou du texte

Sélecteur de conditions de visibilité

Copier le code Le code est le suivant :

$("tr:hidden") //Sélectionnez toutes les tables masquées
$("tr:visible") sélectionne toutes les tables visibles

Sélecteur d'attribut

Copier le code Le code est le suivant :

$("div[id]")Couche avec attribut id
$("input[name='']") nom de l'attribut d'entrée=''
$("input[nom!='']")
$("input[name^='']") sélectionne l'élément d'entrée du formulaire qui a l'attribut name et la valeur est '' comme contenu de départ
$("input[name$='']") sélectionne l'élément d'entrée du formulaire qui a l'attribut name et la valeur est '' comme contenu final
$("input[name*='']") sélectionne l'élément de saisie du formulaire avec l'attribut name et la valeur ''
$("input[id][name$='']") sélectionne l'élément du formulaire de saisie avec la valeur des attributs id et name se terminant par ''

Sélecteur d'élément enfant

Copier le code Le code est le suivant :

$("ul li:nth-child(2)") sélectionne le deuxième élément de la liste
$("ul li:ntième-enfant(pair)")
$("ul li:ntième-enfant(impair)")
$("ul li:ntième-enfant(3n)")
$("ul li:premier-enfant")
$("ul li:dernier-enfant")
$("ul li:only-child") La liste de sélection apparaît et un seul élément de liste apparaît

Sélecteur d'éléments de formulaire

Copier le code Le code est le suivant :

$("input") sélectionne tous les boutons de sélection de la zone de texte d'entrée et d'autres éléments
$(":text")Ligne de texte
$(":mot de passe")
$(":radio")
$(":case à cocher")
$(":soumettre")
$(":image")
$(":reset")
$(":bouton")
$(":fichier")
$(":caché")

Sélecteur d'attribut de formulaire

Copier le code Le code est le suivant :

$("input:enabled") //Sélectionnez tous les disponibles
$("entrée : désactivée")
$("input:checked")
$("select:option:selected")