Top 50 sélecteurs jQuery

Les sélecteurs jQuery sont des outils puissants que chaque développeur utilise dans la vie quotidienne. Cette liste rassemble 50 sélecteurs JQuery couramment utilisés pour référence par tous les développeurs jQuery. Notez que ces sélecteurs ne sont pas organisés dans un ordre spécifique.

1. $(“*”) - Sélectionnez tous les éléments du document.
2. $(“p > *”) - Sélectionnez les éléments enfants de tous les éléments de paragraphe.
3. $(“#specialID”) - Sélectionnez l'élément avec ID "SpecialId".
4. $(“.specialClass”) - Sélectionnez tous les éléments avec la classe comme "SpecialClass".
5. $(“li:not(.myclass)”) - Sélectionnez tous les éléments qui correspondent au sélecteur li, mais excluent les éléments dont la classe est "myclass".
6. $(“a#specialID.specialClass”) - Sélectionnez l'élément de lien avec ID "SpecialId" et Class "SpecialClass".
7. $(“p a.specialClass”) - Sélectionnez l'élément de liaison dans l'élément de paragraphe avec la classe "SpecialClass".
8. $(“ul li:first”) - Sélectionnez l'élément d'élément de première liste de la liste non ordonnée.
9. $(“#container p”) - Sélectionnez tous les éléments de paragraphe descendant avec l'élément ID "Container".
10. $(“li > ul”) - Sélectionnez l'élément de liste des enfants non ordonnés de tous les éléments des éléments de liste.
11. $(“strong em”) - Sélectionnez l'élément italique qui suit l'élément en gras.
12. $(“p ~ ul”) - Sélectionnez tous les éléments de liste non ordonnés qui suivent l'élément de paragraphe.
13. $(“code, em, strong”) - Sélectionnez le code, l'italique ou l'élément gras.
14. $(“p strong, .myclass”) - Sélectionnez les éléments en gras dans l'élément de paragraphe et tous les éléments dont la classe est "MyClass".
15. $(“:empty”) - Sélectionnez tous les éléments sans enfants.
16. $(“p:empty”) - Sélectionnez tous les éléments de paragraphe sans éléments enfants.
17. $(“div[p]”) - Sélectionnez l'élément div qui contient les éléments de paragraphe.
18. $(“p[.myclass]”) - Sélectionnez l'élément de paragraphe qui contient l'élément "myClass".
19. $(“a[@rel]”) - Sélectionnez tous les éléments de liaison avec l'attribut rel.
20. $(“input[@name=myname]”) - Sélectionnez l'élément d'entrée dont la valeur d'attribut de nom est exactement égale à "MyName".
21. $(“input[@name^=myname]”) - Sélectionnez l'élément d'entrée dont la valeur d'attribut de nom commence par "MyName".
22. $(“a[@rel$=self]”) - Sélectionnez l'élément de liaison avec la valeur de l'attribut rel ne terminant par "self".
23. $(“a[@href*=domain.com]”) - Sélectionnez l'élément de lien avec la valeur d'attribut HREF qui contient "domain.com".
24. $(“li:even”) - Sélectionnez l'élément d'élément de liste avec une valeur d'index de même.
25. $(“tr:odd”) - Sélectionnez l'élément de ligne de table avec une valeur d'index des nombres impairs.
26. $(“li:first”) - Sélectionnez l'élément d'élément de première liste.
27. $(“li:last”) - Sélectionnez le dernier élément de l'élément de liste.
28. $(“li:visible”) - Sélectionnez tous les éléments des éléments de liste visible.
29. $(“li:hidden”) - Sélectionnez tous les éléments des éléments de liste cachés.
30. $(“:radio”) - Sélectionnez tous les boutons radio dans le formulaire.
31. $(“:checked”) - Sélectionnez toutes les cases sélectionnées dans le formulaire.
32. $(“:input”) - Sélectionnez des éléments de formulaire (entrée, sélectionnez, TextArea, bouton).
33. $(“:text”) - Sélectionnez l'élément d'entrée de texte (input[type=text]).
34. $(“li:eq(2)”) - Sélectionnez l'élément d'élément de troisième liste.
35. $(“li:eq(4)”) - Sélectionnez l'élément de la cinquième liste de la liste.
36. $(“li:lt(2)”) - Sélectionnez l'élément d'élément de liste (deux premiers) avant le troisième élément.
37. $(“p:lt(3)”) - Sélectionnez l'élément de paragraphe avant le quatrième élément (trois premiers).
38. $(“li:gt(1)”) - Sélectionnez l'élément d'élément de liste après le deuxième élément.
39. $(“p:gt(2)”) - Sélectionnez l'élément de paragraphe après le troisième élément.
40. $(“div/p”) - Sélectionnez l'élément de sous-alinéa de l'élément div.
41. $(“div//code”) - Sélectionnez tous les éléments de code descendant de l'élément div.
42. $(“//p//a”) - Sélectionnez des éléments de liaison descendant pour tous les éléments de paragraphe.
43. $(“li:first-child”) - Sélectionnez tous les éléments des éléments de liste qui sont le premier élément enfant de son élément parent.
44. $(“li:last-child”) - Sélectionnez tous les éléments d'élément de liste qui sont le dernier élément enfant de son élément parent.
45. $(“:parent”) - Sélectionnez tous les éléments qui ont au moins un élément enfant (y compris le texte).
46. $(“li:contains(second)”) - Sélectionnez l'élément d'élément de liste qui contient le texte "Second".
47. $(“td:gt(4)”) - Sélectionnez l'élément de cellule de table cinquième et ultérieure.
48. $(“input:not(:checked)”) - Sélectionnez tous les éléments d'entrée qui ne sont pas sélectionnés.
49. $(“div,span,p.myClass”) - Sélectionnez un élément qui correspond à l'un des trois sélecteurs.
50. $(“input[id][name$=”man”]”) - Sélectionnez un élément d'entrée qui a à la fois l'attribut ID et l'attribut de nom se termine par "man".

jQuery Selector FAQs (FAQs)

Quelle est la différence entre un attribut égal à un sélecteur et un attribut comprenant un sélecteur?

L'attribut

est égal au sélecteur pour sélectionner un élément dont la valeur d'attribut correspond exactement à une valeur spécifique, comme la sélection d'un élément avec un ID ou une classe spécifique. L'attribut contient le sélecteur est utilisé pour sélectionner l'élément qui contient la sous-chaîne spécifiée, même si la valeur ne fait qu'une partie de la valeur d'attribut.

Comment utiliser jQuery pour sélectionner les éléments par nom?

Utiliser l'attribut est égal au sélecteur: $(“element[name=’value’]”). Par exemple, sélectionnez l'élément d'entrée nommé "Nom d'utilisateur": $(“input[name=’username’]”).

Quel est le sélecteur de démarrage de la propriété?

Le sélecteur de démarrage d'attribut est utilisé pour sélectionner un élément dont la valeur d'attribut commence par une chaîne spécifiée: $(“element[attribute^=’value’]”). Par exemple, sélectionnez tous les éléments dont l'ID commence par "mon": $(“[id^=’my’]”).

Comment sélectionner plusieurs éléments de jQuery?

Sélecteurs séparés avec des virgules: $(“div, p”) Sélectionnez tous les éléments Div et P.

Comment sélectionner le premier élément enfant d'un élément?

Utiliser :first-child sélecteur: $(“element:first-child”).

Comment sélectionner le dernier élément enfant d'un élément?

Utiliser :last-child sélecteur: $(“element:last-child”).

Comment sélectionner tous les éléments uniformes?

Utiliser :even sélecteur: $(“element:even”).

Comment sélectionner tous les éléments impairs?

Utiliser :odd sélecteur: $(“element:odd”).

Comment sélectionner des éléments contenant du texte spécifique?

Utiliser :contains() sélecteur: $(“element:contains(‘text’)”).

Comment sélectionner des éléments avec des attributs spécifiques?

Utilisez le sélecteur d'attribut: $(“element[attribute]”).

J'espère que ce guide plus complet vous sera utile!

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!