sélecteur jQuery
jQuery Selector
jQuery Selector
Veuillez utiliser notre vérificateur de sélecteur jQuery pour démontrer différents sélecteurs.
| Sélecteur | Instance | Sélectionner |
|---|---|---|
| * | $(" * ") | Tous les éléments |
| #id | $("#lastname") | Élément avec id="nom" |
| .class | $(".intro") | class="intro " Tous les éléments de |
| .class,.class | $(".intro,.demo") | Tous les éléments de classe "intro" ou "demo" |
| élément | $("p") | Tous les éléments <p> >$("h1,div,p") |
| :premier | ||
| Le premier<p> élément | :dernier | $("p:last") | Le dernier< ;p> element
| :even | $("tr:even") | Tous les éléments pairs<tr> 0, le premier élément est pair (0), le deuxième élément est impair (1), et ainsi de suite. |
| :odd | $("tr:odd") | Tous les éléments impairs<tr> Le premier élément est pair (0), le deuxième élément est impair (1), et ainsi de suite. |
| :first-child | $("p:first-child") | Tout ce qui appartient au premier élément enfant de son élément parent <p> L'élément |
| :first-of-type | $("p:first-of-type") | appartient à son parent Le premier élément <p> de l'élément Tous les éléments <p> de l'élément |
| :last-child | $("p:last-child ") | Tous les éléments <p> qui sont le dernier enfant de leur parent |
| :last-of-type | $("p : last-of-type") | Tous les éléments <p> |
| :ntième-enfant(n) | $("p:nth-child(2)") | Tous les éléments <p><🎜 qui sont le deuxième enfant de leur élément parent > |
| n) | $("p:nth-last-child(2)")Tous les éléments <p> de leur parent, à compter du dernier enfant | |
| n) | $("p:nth-of -type(2)")Tous les éléments <p> qui sont le deuxième élément <p> de leur parent | |
| n) | $("p:nth-last-of-type(2) ")Tous les éléments <p> ;p> élément de leur parent, à partir du dernier enfant | |
| $("p:only-child") | Tous les éléments <p> qui sont le seul enfant de leur parent | |
| $("p:only-of-type" ) | Tous les éléments <p> qui sont les seuls éléments enfants d'un type spécifique de leur élément parent | |
| $("div > p") | < div> Tous les éléments <p> qui sont des enfants directs de l'élément | |
| $("div p") | < div> | $("div + p") |
| éléments frères et sœurs | $("div ~ p") | |
| index ) | ||
| Le quatrième élément de la liste (la valeur de l'index commence à 0) | :gt( | no) |
| Liste des éléments dont l'indice est supérieur à 3 | :lt( | non) |
| Liste des éléments avec un indice inférieur à 3 | :not( | selector) |
| Tous les éléments d'entrée qui ne sont pas vides | ||
| :header | $(":header") | Tous les éléments d'en-tête <h1>, <h2> > |
| $(":animated") | Tous les éléments animés | |
| $(":focus") | L'élément qui a actuellement le focus | |
| text) | $(":contains('Bonjour')")Tous les éléments contenant le texte "Bonjour" | |
| sélecteur ) | $("div:has(p)")Tous les éléments <div> qui contiennent un élément <p> 🎜>:vide | $(":empty") |
| :parent | $(": parent") | |
| :hidden | $("p:hidden") | |
| :visible | $("table:visible") | |
| :root | $(":root") | |
| :lang ( | langue | )|
| Tous les éléments <p> avec une valeur d'attribut lang commençant par "de" | ||
| [ | attribut | ]|
| Tous les éléments avec l'attribut href | [ | attribut | =
| $("[href='default.htm']")Tous les éléments avec l'attribut href et la valeur égale à "default.htm" | [ | attribut | !=
| $("[href!='default.htm']")Tous les éléments avec attribut et valeur href différent de "default.htm" | [ | attribut | $=
| $("[href$ ='.jpg']")Tous les éléments avec l'attribut href et la valeur se terminant par ".jpg" | [ | attribut | |=
| $("[title|='Demain']")Tous les attributs avec un titre et une valeur égale à 'Demain' ou une chaîne commençant par 'Demain' ' suivi d'un connecteur | [ | attribut | ^=
| $("[title^='Tom ']")Tous les éléments avec un attribut titre et une valeur commençant par "Tom" | [ | attribut | ~=
| $("[title~='hello']")Tous les attributs avec titre et valeur contenant le mot "bonjour" élément | [ | attribut* | =
| $("[title*='hello'] ")Tous les éléments avec un attribut title et une valeur contenant la chaîne "hello" | [ | name | =
| name2 =value2]$( "input[id][name$='man']" )avec Zone de saisie avec attribut id et attribut de nom se terminant par man | ||
| :input | $(":input") | Tous les éléments d'entrée |
| :text | $(":text") | Tous les éléments d'entrée avec type="text" |
| :password | $(":password") | Tous les éléments d'entrée avec type="password" |
| :radio | $(":radio") | Tous les éléments d'entrée avec type="radio" |
| :case à cocher | $(":checkbox") | Tous les éléments d'entrée avec type="checkbox" |
| :submit | $(":submit") | Tous les éléments d'entrée avec type="submit" |
| :reset | $(":reset" ) | Tous les éléments d'entrée avec type="reset" |
| :button | $(":button") | Tous les éléments d'entrée avec type="button" |
| :image | $(":image") | Tous avec les éléments d'entrée type= "image" |
| :file | $(":file") | Tous les éléments d'entrée avec type="file" |
| :enabled | $(":enabled") | Tous les éléments activés |
| : désactivé | $(":disabled") | Tous les éléments désactivés |
| :selected | $(":selected" ) | Tous les éléments de la liste déroulante sélectionnés |
| :checked | $(":checked") | Tous sélectionnés Les options de la case à cocher |
| .selector | $(selector).selector | est obsolète dans jQuery 1.7. Renvoie le sélecteur d'origine passé à jQuery() |
| :target | $( "p:target" ) | Le sélecteur sélectionne l'élément <p> |
