"/> ">
Maison >interface Web >js tutoriel >Quels types de sélecteurs JQuery existe-t-il ?
Sélecteur |
Instance |
Explication |
|
Sélecteur de base | |||
* |
$(*) |
Sélectionner tous les éléments |
|
#id |
$(“#a”) |
Sélectionnez l'élément avec id=a | |
.class |
$(“.b”) |
Sélectionnez l'élément class=b |
|
élément |
$("p") |
Tous< ;p> éléments |
|
.class.class |
$(".a.b") |
Sélectionnez tous les éléments avec class=a et class=b |
|
Sélecteur de filtre de base | |||
:first |
$("p:first") |
Sélectionnez le premier élément p |
|
:dernier |
$("p:dernier") |
Sélectionnez le dernier élément p |
|
:impair |
$("p :impair") |
Sélectionner tous les éléments p dans des positions impaires |
|
:pair | $("p:even") |
Sélectionner tous les éléments p dans les positions paires |
|
:ep(n) |
$(“p:eq(n)”) |
Sélectionnez le nième élément p (index à partir de 0) |
|
:gt(n) |
$("li:gt(n)") |
Sélectionnez tous les éléments li avant la nième position (à l'exclusion de la nième position) |
|
:lt(n ) |
$("li:lt(n)") |
Sélectionnez tous les éléments li après la nième position (à l'exclusion du nième bit) |
|
:root |
$(“p:root”) |
Sélectionnez l'élément racine de p (sans écrire une balise, cela signifie sélectionner l'élément racine global) |
|
:header() |
$("p :header) |
Sélectionner tous les titres dans la balise P (si aucune balise n'est écrite, cela revient à sélectionner le titre global) |
|
:lang |
$(“p:lang(langue)”) |
Balise P Sélectionnez la langue spécifiée (quand aucun tag est écrit, cela signifie sélectionner le titre global) |
|
:not |
$(" li:not( .active)") |
Sélectionner des éléments autres que .active |
|
:masqué |
$("p:hidden") |
Masquer toutes les balises P |
|
:visible |
$(“p:visible”) |
Afficher toutes les balises p |
|
:target |
$(“:target”) |
Sélectionner tous les éléments dans l'état cible |
|
:anmated |
$(“p:anmated”) |
Animation Get Running |
|
Filtre d'élément enfant | |||
:premier-enfant |
$("p p:premier-dernier") |
Sélectionnez le premier élément enfant avec l'étiquette P dans p |
|
:last-child |
$ (" p p:last-child") |
Sélectionnez le dernier élément enfant dans p qui est la balise p (pas de limite de position) |
|
:premier-de-type |
$("p p:premier-de-type") |
Obtenir p ri Le première balise p qui apparaît (quelle que soit la position) |
|
:last-of-type |
$( "p p :last-of-type") |
Obtenir la dernière balise p qui apparaît dans p (quelle que soit la position) |
|
:nth-child(n) |
$(“p p:nth-child(2)”) |
Obtenez p ri Le deuxième balise p (l'indice commence à 1) |
|
:nth-of-type(n) |
$( "p p:nth-of-type(2)") |
Obtenir la deuxième balise p apparaissant dans p (l'indice commence à 0) |
|
:ntième-dernier-de-type(n) |
$("p p:ntième-dernier-de-type(n )") |
Obtenir la dernière balise p apparaissant dans p |
|
:only-child |
$("p p:only-child") |
Obtenir le seul élément enfant p dans p |
|
:only-of-type |
$("p p:only-of-type") |
Obtenez la seule balise du pair p avec tag p |
|
:uniquement de type (pair/impair) |
$("p p:seulement- of-type(pair/impair)") |
Obtenir toutes les balises P impaires ou paires dans p (l'indice commence à 1) |
|
Filtre de contenu |
|||
:contient() |
$( "p:contains(123)") |
Obtenir toutes les balises contenant "123" dans la balise p | |
:empty |
$(“p:empty”) |
Obtenir la balise p Tous les éléments sans contenu (les espaces comptent comme contenu) |
|
:has() |
$("p: has(P)") |
Obtenez tous les p avec la balise p |
|
:parent |
$("p:parent" ) |
Obtenir le p des éléments pamplemousse dans tous les éléments (y compris les nœuds de texte) |
|
Sélecteur de formulaire | |||
:texte |
$ (":texte") |
Sélectionnez tous les champs dont le type est texte ou ceux dont le type n'a pas d'attribut |
|
: mot de passe |
$(":password") |
Sélectionnez tous ceux de type mot de passe |
|
:reset |
$(“:reset”) |
Sélectionner tous les |
|
:bouton | $(“:bouton”) | Sélectionner tout | |
de type bouton (bouton) :case à cocher | $(“:checkbox”)
|
Sélectionner tout | |
: radio | $(“:radio”) | Sélectionnez tous ceux de type radio (sélection unique) | |
:file | $(":file") | Sélectionner tous les domaines de téléchargement | |
:image | $(“:image”) |
Bouton Sélectionner toutes les images |
|
:input |
$(“:input”) |
Sélectionner toutes les entrées, zone de texte, sélectionner, éléments de bouton |
|
:enabled |
$(“:enabled”) |
Sélectionnez toutes les entrées disponibles |
|
:désactivé |
$(“:désactivé”) |
Sélectionner toutes les entrées indisponibles |
|
:select |
$(":select") |
L'élément d'option sélectionné |
|
:checked |
$(“:checked ”) |
Élément d'entrée sélectionné (coché) |
|
:focus |
$(" :focus") |
Sélectionnez la page et entrez la saisie ciblée |
|
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!