Quels sélecteurs d'attributs jquery possède-t-il ?

Les sélecteurs d'attributs dans jquery sont : 1. Sélecteur d'ID ; 2. Sélecteur d'étiquette ; 4. Sélecteur de filtre ; 6. Sélecteur d'attribut ; . Sélecteur de formulaire.

L'utilisation du symbole $() comme sélecteur dans jQuery améliore considérablement l'efficacité du travail.

(Partage de vidéos d'apprentissage : tutoriel vidéo javascript)

Les sélecteurs d'attributs couramment utilisés sont les suivants :

• 1) $ ('#id')　sélecteur d'identifiant

• 2) $('.class')　sélecteur CSS, nom de la classe

• 3)　$ ("element")　Sélecteur de balises, tel que p,h1,div

• 4)　$('*')　Sélecteur complet, qui peut sélectionner toutes les balises html (affecte Utile si la plage est grand)

• 5)　$('sele1,sele2') Utilisez des virgules ',' pour séparer plusieurs sélecteurs ayant le même effet sur différents éléments

• 6) $('div p') Sélecteurs hiérarchiques, sélecteurs couramment utilisés, tels que les balises p sous div

• 7) $('div>p') est similaire à le sélecteur de niveau précédent, mais il y a des éléments enfants sous le div, et il y a des éléments petits-enfants sous les éléments enfants. Ce sélecteur ne peut sélectionner que des éléments enfants

• 8) $('div+. p') Ce sélecteur est rarement utilisé pour indiquer que le div est adjacent au sélecteur suivant, (il doit s'agir d'éléments de même niveau et proches les uns des autres)

• 9)　$( 'div~p') Toutes les balises p des éléments de la même étape du début de div à la fin de l'étape sont sélectionnées, à l'exclusion des éléments descendants qui sont des sous-éléments p

• 10) $('div:first') Sélecteur de filtre, :first utilise : pour se connecter à l'élément parent, le premier élément div sélectionné

• 11) $('div:last; ')　Sélecteur de filtre ;:last méthode est la même que ci-dessus mais sélectionne le dernier élément div ;

• 12) $('li:eq(1)') Ce sélecteur filtre également Sélecteur ; connectez-vous avec ':eq()', entrez le nombre entre parenthèses à sélectionner à partir de 0, 0 représente la première position

• 13) $('li:contains(" text ")') Ce sélecteur peut sélectionner, par exemple : tous les éléments de texte dans le texte en li, y compris les sous-éléments sous li avec du texte, sont sélectionnés. text peut être le mot-clé dont vous avez besoin ; ('text') doit être ajouté Ou des guillemets doubles, car c'est une chaîne plutôt qu'une variable

• 14) $('li:has("p")') Ce sélecteur a presque le même effet que le sélecteur hiérarchique et est également une sélection Toutes les balises p ci-dessous li peuvent être héritées

• 15) $('div:hidden')　 :hidden Ce sélecteur peut sélectionner certains display:none ; sélecteur caché

• 16) $('span:visible')　 Contrairement à :hidden, toutes les balises span sont sélectionnées, mais l'attribut span de display:none n'est pas sélectionné

• 17)　 $('li[title=book]')　 Sélecteur d'attribut, sélectionnez l'élément en li avec l'attribut title=book

• 18) $('li[ title!=book]') Contrairement au précédent, sélectionnez l'élément dont le titre en li n'est pas, différent de book

• 19) $(' li[title*=k]') Sélecteur d'attribut, sélectionne tous les éléments avec k dans le titre dans tous les li

• 20) $('li:first-child') Filtre d'élément enfant ;:first Le filtre peut obtenir le premier élément enfant de l'élément parent spécifié, pas une collection. Il s'agit simplement du premier élément enfant sous un li, pas tous les éléments enfants sous li. Et first-child obtient le premier élément enfant renvoyé. par chaque élément parent ;

• 21) $('li:last-child') Comme le sélecteur de filtre ci-dessus, last:child obtiendra le dernier élément enfant renvoyé par chaque élément parent ;

• 22) $('form :input') Le sélecteur de formulaire comprend la saisie, la sélection, le bouton, la zone de texte,

• 23) $( ' form :text')　 Sélecteur de texte de formulaire, ce sélecteur contient uniquement sélection de type

• 24) $('form :password' ) Sélecteur de mot de passe de formulaire , contient également uniquement le type = 'password' en entrée,

• 25) $('form :radio') Sélecteur de bouton radio, également uniquement Contient le type = 'radio' en entrée , 26) Sélecteur de case à cocher $('form :checkbox'), contient également uniquement le type = 'checkbox' tapez en entrée

• 27) $('form :submit') Sélecteur de bouton Soumettre , y compris le type d'entrée="submit" et le type de bouton,

• 28) $('form :image') Sélecteur de domaine d'image Seul le src dans l'entrée peut prendre effet. Si img src est ajouté au formulaire, il ne sera pas affecté

• 29) $('form :button') Sélecteur de bouton de formulaire Contient type='button' et < ;valid

• 30) $('form :checked')　Sélectionnez le sélecteur de statut, avec la case de sélection, la radio et la case à cocher seront sélectionnées ;

• 31) $('form :selected') Lorsque le sélecteur est sélectionné dans la liste déroulante, seuls les sélecteurs d'options qui sont tous sélectionnés dans la liste déroulante de sélection peuvent être obtenus

Recommandations associées : Tutoriel js

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!