Maison >interface Web >js tutoriel >Résumé des sélecteurs dans jQuery
Il existe de nombreux sélecteurs dans jQuery, tels que les sélecteurs de base, les sélecteurs de formulaire, les sélecteurs de filtres, etc. Certains d'entre eux sont faciles à oublier si vous ne les utilisez pas souvent. J'ai récemment fait un résumé des sélecteurs dans jQuery pour. votre convenance. Vérifiez-le et partagez-le avec tout le monde, j'espère que cela pourra vous aider.
Sélecteur de base
//Sélecteur d'ID $("#id")
//Sélecteur d'élément $("div")
//Sélecteur de classe $(".classname")
//Sélecteur combiné $(".classname,.classname1,#id1")
Sélecteur hiérarchique
//Sélecteur d'élément enfant $("#id>.classname")
//Sélecteur d'élément descendant $("#id .classname")
// Le sélecteur d'élément suivant $("#id + .classname")
//Sélecteur d'élément frère $("#id ~ .classname")
Sélecteur de filtre
//Le premier li $("li:first")
//Le dernier li $("li:last")
//Sélectionnez le li dont l'indice est un nombre pair $("li:even")
//Sélectionnez le li dont l'indice est un nombre impair $("li:impair")
//li d'indice égal à 4 $("li:eq(4)")
//li avec un indice supérieur à 2 $("li:gt(2)")
//Li avec un indice inférieur à 2 $("li:lt(2)")
//Sélectionner tous les li sauf id="runoob" $("li:not(#runoob) ")
Sélecteur de filtre de contenu
// Élément contenant le texte Runob $("div:contains('Runob')")
//Élément vide qui ne contient pas d'éléments enfants ni de texte $ ("td:empty")
//Contient des éléments correspondant au sélecteur $("div:has(selector)")
//Éléments contenant des éléments enfants ou du texte $("td :parent")
Sélecteur de filtre de visibilité
//Faire correspondre tous les éléments invisibles, ou les éléments de type caché $("li:hidden")
//Faire correspondre tous les éléments visibles $("li:visible")
Sélecteur de filtre d'attribut
//Tous les éléments div avec l'attribut id $("div[id ]")
// éléments div avec une valeur d'attribut id 123 $("div[id='123'] ")
// éléments div dont la valeur d'attribut id n'est pas égale à 123 $("div[id!='123']")
// éléments div dont la valeur de l'attribut id commence par qq $("div[id^='qq']")
// Élément div dont la valeur d'attribut id se termine par zz $("div[id$='zz']")
// L'élément div dont la valeur d'attribut id contient bb $("div[id* ='bb']")
//Filtrage multi-attributs, éléments qui remplissent les conditions des deux attributs en même temps $(" input[id][name$='man']")
Sélecteur de filtre d'état
// Correspondre à l'entrée disponible $("input:enabled")
// Correspondre à l'entrée indisponible $("input:disabled ")
// Faire correspondre l'entrée sélectionnée $("input:checked")
// Faire correspondre l'option sélectionnée $("option:selected")
Formulaire Sélecteur
//Faire correspondre tous les éléments d'entrée, de zone de texte, de sélection et de bouton $(":input" )
//Pour toutes les zones de texte sur une seule ligne, $(":text ") équivaut à $("[type=text]"). Il est recommandé d'utiliser $("input:text") pour une plus grande efficacité. La même chose ci-dessous $(":text")
/ /Toutes les cases de mot de passe $(":mot de passe")
//Tous les boutons radio $(":radio")
//Toutes les cases à cocher $(":checkbox")
//Tous les boutons de soumission $(":submit")
//Tous les boutons de réinitialisation $(":reset ")
//Tous les boutons de bouton $(":button")
//Tous les champs du fichier $(":file")
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!