panggilan kaedah carian jquery

jQuery ialah salah satu perpustakaan JavaScript yang paling popular, menyediakan pelbagai kaedah dan fungsi untuk memanipulasi HTML, CSS dan DOM. Antaranya, kaedah carian adalah salah satu kaedah yang paling asas dan biasa digunakan. Artikel ini akan memperkenalkan kaedah carian jQuery dan cara memanggilnya.

1. Pemilih asas

Kaedah pemilih asas jQuery digunakan untuk memilih elemen HTML. Berikut ialah kaedah memanggil pemilih asas:

1 Pilih mengikut nama elemen

$("elementName") //elementName ialah nama elemen HTML, seperti $(. "div")

2. Pilih

$(".className") //className ialah nama kelas yang ditakrifkan dalam CSS, seperti $(".main")

3 .Pilih

$("#id") mengikut ID //id ialah ID elemen HTML, seperti $("#header")

4 🎜>$("[attribute=value]") //atribut ialah nama atribut, yang boleh menjadi kelas, id atau mana-mana nilai tersuai ialah nilai atribut, seperti $("[type= 'serahkan']")

2. Pemilih hierarki

Kaedah pemilih hierarki digunakan untuk memilih elemen HTML dengan perhubungan ibu bapa-anak atau adik-beradik. Berikut ialah kaedah memanggil pemilih hierarki:

1 Pilih elemen anak

$("anak ibu bapa") //ibu bapa ialah elemen induk dan anak ialah elemen anak, seperti. $(". wrapper p")

2. Pilih elemen anak langsung

$("ibu bapa > anak") //ibu bapa ialah elemen ibu bapa dan anak ialah elemen anak, seperti $(".wrapper > ; p")

3 Pilih elemen adik beradik bersebelahan

$("prev + next") //prev ialah elemen adik beradik sebelumnya, seterusnya ialah elemen adik beradik seterusnya, seperti $( "#header + p")

4 Pilih semua elemen adik beradik

$("prev ~ siblings") //prev ialah elemen adik beradik sebelumnya, adik-beradik adalah semua elemen adik-beradik yang berikutnya, seperti $(".main ~ li")

3. Pemilih penapis

Kaedah pemilih penapis digunakan untuk menapis dan memilih elemen yang memenuhi syarat dalam koleksi elemen yang dipilih. Berikut ialah kaedah memanggil pemilih penapis:

1 Pilih elemen pertama

$("selector:first") //pemilih ialah sebarang pemilih, seperti $("p: pertama")

2. Pilih elemen terakhir

$("selector:last") //selector ialah mana-mana pemilih, seperti $("p:last")

3. Pilih elemen bernombor ganjil

$("pemilih:ganjil") //pemilih ialah sebarang pemilih, seperti $("li:ganjil")

4 nombor Elemen nombor bersiri

$("selector:even") //selector ialah sebarang pemilih, seperti $("li:even")

5

$("selector:contains(text)") //selector ialah mana-mana pemilih, teks ialah teks yang disertakan, seperti $("p:contains('Hello World')")

4. Penapisan atribut

Kaedah penapisan atribut digunakan untuk menapis elemen yang memenuhi syarat dalam koleksi elemen yang dipilih. Berikut ialah kaedah memanggil penapisan atribut:

1 Pilih elemen dengan atribut yang ditentukan

$("pemilih[atribut]") //pemilih ialah sebarang pemilih dan atribut ialah. nama atribut, seperti $("a[href]")

2 Pilih elemen dengan atribut yang ditentukan dan nilai atribut mengandungi teks yang ditentukan

$("selector[attribute*. =value]") //selector ialah Mana-mana pemilih, atribut ialah nama atribut, nilai ialah teks yang disertakan, seperti $("a[href*='https']")

3. Pilih elemen dengan atribut yang ditentukan dan nilai atribut bermula dengan teks yang ditentukan

$("selector[attribute^=value]") //selector ialah mana-mana pemilih, atribut ialah nama atribut dan nilai ialah permulaan teks, seperti $("input[type^='text'] ")

4 Pilih elemen dengan atribut yang ditentukan dan nilai atribut berakhir dengan teks yang ditentukan

$(. "selector[attribute$=value]") //selector ialah sebarang pemilih dan atribut ialah nama Atribut, nilai ialah teks pada penghujungnya, seperti $("img[src$='.jpg']")

5. Penapis borang

Kaedah penapis bentuk digunakan dalam elemen Penapis bentuk yang memenuhi kriteria. Berikut ialah cara memanggil penapis borang:

1 Pilih semua elemen borang

$(":input") //seperti $(":input")

<.> 2. Pilih semua kotak input teks

$("input:text") //seperti $("input:text")

3. Pilih semua kotak input kata laluan

$("input:password") //Contohnya $("input:password")

4. Pilih semua kotak radio

$("input:radio"). //Contohnya $("input:radio")

5 Pilih semua kotak pilihan

$("input:checkbox") //seperti $("input:checkbox")<.>

6. Pemilih lain

Selain pemilih asas, pemilih hierarki, pemilih penapis, penapis atribut dan penapis borang yang diperkenalkan di atas, jQuery juga menyediakan pemilih kandungan, pemilih keterlihatan, dsb. dan pemilih keadaan dan kaedah pemilih yang lebih berkuasa. Kaedah panggilan kaedah ini adalah serupa dengan kaedah panggilan di atas dan tidak akan diterangkan lagi di sini.

Ringkasan

Artikel ini memperkenalkan kaedah carian jQuery dan cara memanggilnya, termasuk pemilih asas, pemilih hierarki, pemilih penapis, penapis atribut, penapis borang dan pemilih lain. Dalam pembangunan sebenar, adalah sangat penting untuk mahir dalam kaedah dan fungsi ini, yang boleh meningkatkan kecekapan pembangunan dan kualiti kod, dan juga merupakan cara penting untuk meningkatkan daya saing.

Atas ialah kandungan terperinci panggilan kaedah carian jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!