Maison > interface Web > js tutoriel > Quels types de sélecteurs JQuery existe-t-il ?

Quels types de sélecteurs JQuery existe-t-il ?

一个新手
Libérer: 2017-09-30 09:17:23
original
1408 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal