Pemilih JQuery 50 teratas

pemilih jQuery adalah alat yang kuat yang digunakan setiap pemaju dalam kehidupan seharian. Senarai ini menyatukan 50 pemilih jQuery yang biasa digunakan untuk rujukan oleh semua pemaju jQuery. Perhatikan bahawa pemilih ini tidak diatur dalam urutan tertentu.

1. $(“*”) - Pilih semua elemen dalam dokumen.
2. $(“p > *”) - Pilih elemen kanak -kanak dari semua elemen perenggan.
3. $(“#specialID”) - Pilih elemen dengan id "specialId".
4. $(“.specialClass”) - Pilih semua elemen dengan kelas sebagai "Specialclass".
5. $(“li:not(.myclass)”) - Pilih semua elemen yang sepadan dengan pemilih li, tetapi tidak termasuk elemen yang kelasnya adalah "MyClass".
3
6. $(“a#specialID.specialClass”)
- Pilih elemen pautan dalam elemen perenggan dengan kelas "Specialclass".
7. $(“p a.specialClass”)
- Pilih elemen item senarai pertama senarai yang tidak teratur.
8. $(“ul li:first”)
- Pilih semua elemen perenggan keturunan dengan elemen ID "Container".
9. $(“#container p”)
- Pilih elemen senarai yang tidak teratur kanak -kanak semua elemen item senarai.
10. $(“li > ul”)
- Pilih elemen italik yang mengikuti elemen berani.
11. $(“strong em”)
- Pilih semua elemen senarai yang tidak teratur yang mengikuti elemen perenggan.
12. $(“p ~ ul”)
- Pilih kod, italic, atau unsur berani.
13. $(“code, em, strong”)
- pilih unsur -unsur berani dalam elemen perenggan, dan semua elemen yang kelasnya adalah "myclass".
14. $(“p strong, .myclass”)
- Pilih semua elemen tanpa anak.
15. $(“:empty”)
- Pilih semua elemen perenggan tanpa elemen kanak -kanak.
16. $(“p:empty”)
- Pilih elemen Div yang mengandungi elemen perenggan.
17. $(“div[p]”)
- Pilih elemen perenggan yang mengandungi elemen "MyClass".
18. $(“p[.myclass]”)
- Pilih semua elemen pautan dengan atribut REL.
19. $(“a[@rel]”)
- Pilih elemen input yang nilai atributnya sama persis dengan "MyName".
20. $(“input[@name=myname]”)
- Pilih elemen input yang nilai atribut namanya bermula dengan "MyName".
21. $(“input[@name^=myname]”)
- Pilih elemen pautan dengan nilai atribut REL yang berakhir dengan "diri".
22. $(“a[@rel$=self]”)
- Pilih elemen pautan dengan nilai atribut HREF yang mengandungi "domain.com".
23. $(“a[@href*=domain.com]”)
- Pilih elemen item senarai dengan nilai indeks walaupun.
24. $(“li:even”)
- Pilih elemen baris jadual dengan nilai indeks nombor ganjil.
25. $(“tr:odd”)
- Pilih elemen item senarai pertama.
26. $(“li:first”)
- Pilih elemen item senarai terakhir.
27. $(“li:last”)
- Pilih semua elemen item senarai yang boleh dilihat.
28. $(“li:visible”)
- Pilih semua elemen item senarai tersembunyi.
29. $(“:radio”) - Pilih semua butang radio dalam bentuk.
30. $(“:checked”) - Pilih semua kotak semak yang dipilih dalam borang.
31. $(“:input”) - pilih elemen borang (input, pilih, textarea, butang).
32. $(“:text”) - Pilih elemen input teks (). input[type=text]
33. - Pilih elemen item senarai ketiga. $(“li:eq(2)”)
34. - Pilih elemen item senarai kelima. $(“li:eq(4)”)
35. - Pilih Elemen Item Senarai (dua pertama) sebelum elemen ketiga. $(“li:lt(2)”)
36. - Pilih elemen perenggan sebelum elemen keempat (tiga pertama). $(“p:lt(3)”)
37. - Pilih elemen item senarai selepas elemen kedua. $(“li:gt(1)”)
38. - Pilih elemen perenggan selepas elemen ketiga. $(“p:gt(2)”)
39. - Pilih elemen subperenggan elemen div. $(“div/p”)
40. - Pilih semua elemen kod keturunan elemen div. $(“div//code”)
41. - Pilih elemen pautan keturunan untuk semua elemen perenggan. $(“//p//a”)
42. - Pilih semua elemen item senarai yang merupakan elemen anak pertama elemen induknya. $(“li:first-child”)
43. - Pilih semua elemen item senarai yang merupakan elemen anak terakhir elemen induknya. $(“li:last-child”)
44. - Pilih semua elemen yang mempunyai sekurang -kurangnya satu elemen kanak -kanak (termasuk teks). $(“:parent”)
45. - Pilih elemen item Senarai yang mengandungi teks "Kedua". $(“li:contains(second)”)
46. - Pilih elemen sel jadual kelima dan kemudian. $(“td:gt(4)”)
47. - Pilih semua elemen input yang tidak dipilih. $(“input:not(:checked)”)
48. - Pilih elemen yang sepadan dengan mana -mana tiga pemilih. $(“div,span,p.myClass”)
49. - Pilih elemen input yang mempunyai atribut ID dan atribut nama berakhir dengan "lelaki". $(“input[id][name$=”man”]”)

JQuery Selector FAQs (FAQs)

Apakah perbezaan antara atribut yang sama dengan pemilih dan atribut termasuk pemilih?

Atribut

sama dengan pemilih untuk memilih elemen yang nilai atributnya sesuai dengan nilai tertentu, seperti memilih elemen dengan ID atau kelas tertentu. Atribut mengandungi pemilih digunakan untuk memilih elemen yang mengandungi substring yang ditentukan, walaupun nilai itu hanya sebahagian daripada nilai atribut.

Bagaimana menggunakan jQuery untuk memilih elemen dengan nama?

Gunakan atribut sama dengan pemilih:

. Sebagai contoh, pilih elemen input yang dinamakan "Nama Pengguna": $(“element[name=’value’]”). $(“input[name=’username’]”)

Apakah pemilih starter harta?

Pemilih permulaan atribut digunakan untuk memilih elemen yang nilai atributnya bermula dengan rentetan yang ditentukan: $(“element[attribute^=’value’]”). Sebagai contoh, pilih semua elemen yang ID bermula dengan "My": $(“[id^=’my’]”).

Bagaimana untuk memilih pelbagai elemen dalam jQuery?

pemilih berasingan dengan koma: $(“div, p”) Pilih semua elemen div dan p.

Bagaimana untuk memilih elemen anak pertama elemen?

Gunakan :first-child pemilih: $(“element:first-child”).

Bagaimana untuk memilih elemen kanak -kanak terakhir elemen?

Gunakan :last-child pemilih: $(“element:last-child”).

Bagaimana untuk memilih semua elemen walaupun?

Gunakan :even pemilih: $(“element:even”).

Bagaimana untuk memilih semua elemen ganjil?

Gunakan :odd pemilih: $(“element:odd”).

Bagaimana untuk memilih elemen yang mengandungi teks tertentu?

Gunakan :contains() pemilih: $(“element:contains(‘text’)”).

Bagaimana untuk memilih elemen dengan atribut tertentu?

Gunakan pemilih atribut: $(“element[attribute]”).

Saya harap panduan yang lebih komprehensif ini akan membantu anda!

Atas ialah kandungan terperinci Pemilih JQuery 50 teratas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!