Rumah  >  Artikel  >  hujung hadapan web  >  Apakah pemilih berpusat jquery?

Apakah pemilih berpusat jquery?

WBOY
WBOYasal
2023-05-25 13:18:11517semak imbas

jQuery ialah perpustakaan JavaScript terkenal yang menyediakan beberapa kaedah mudah untuk memilih, memanipulasi dan memproses dokumen HTML. Antaranya, pemilih adalah salah satu fungsi jQuery yang paling biasa digunakan. jQuery menyediakan pelbagai pemilih, dan artikel ini akan memperkenalkan pemilih berpusat secara terperinci.

Pemilih tertumpu merujuk kepada kaedah memadankan berbilang elemen pada masa yang sama melalui satu pemilih. Pemilih ini menggunakan koma sebagai pemisah dan menulis berbilang pemilih bersama untuk memilih elemen yang memenuhi sebarang syarat pemilih. Berikut ialah beberapa pemilih berpusat yang biasa digunakan:

1 Pemilih universal

Pemilih universal merujuk kepada "*", yang boleh memadankan semua elemen pada halaman. Biasanya digunakan untuk menetapkan beberapa gaya atau operasi global.

Contohnya:

$('button,*').click(function() { alert('Clicked!'); });

Coretan kod ini akan menambah acara klik pada semua butang butang dan semua elemen dalam halaman. Kaedah ini jelas bukan kaedah terbaik, dan disyorkan untuk mengelak daripada menggunakan pemilih universal sebanyak mungkin.

2. Pemilih kategori

Pemilih kategori merujuk kepada pemilih bermula dengan ".", yang boleh memilih semua elemen dengan nama kelas yang sama.

Contohnya:

$('.myclass').css('background-color','gray');

Coretan kod ini menetapkan warna latar belakang semua elemen dengan kelas "myclass" dalam halaman kepada kelabu.

3. Pemilih elemen

Pemilih elemen merujuk kepada penggunaan nama elemen sebagai pemilih, yang boleh memilih semua elemen yang sepadan dengan nama elemen. Contohnya:

$('div').addClass('highlight');

Coretan kod ini menambahkan gaya dengan kelas "serlah" pada semua elemen div dalam halaman.

Pemilih 4.id

Pemilih id merujuk kepada pemilih bermula dengan "#", yang boleh memilih semua elemen yang sepadan dengan id. Contohnya:

$('#myid').text();

Coretan kod ini akan mendapat kandungan teks elemen dengan id "myid".

5. Pemilih elemen kanak-kanak

Pemilih elemen kanak-kanak merujuk kepada menyambungkan dua pemilih dengan pemisah ">", yang bermaksud hanya elemen anak padanan kedua bagi elemen tersebut elemen pemilih. Contohnya:

$('div>p').css('color','red');

Coretan kod ini menetapkan warna fon semua elemen p dalam elemen div pada halaman kepada merah.

6. Pemilih elemen keturunan

Pemilih elemen turunan merujuk kepada menyambungkan dua pemilih dengan pemisah ruang, menunjukkan bahawa memilih elemen termasuk semua elemen keturunan yang sepadan dengan pemilih kedua. Contohnya:

$('div p').css('color','red');

Coretan kod ini menetapkan warna fon kepada merah untuk semua elemen p pada halaman yang berada di dalam elemen div dan turunan unsur div.

7. Pemilih kesatuan

Pemilih kesatuan merujuk kepada menyambungkan berbilang pemilih dengan pemisah "," yang bermaksud memilih semua elemen yang sepadan dengan mana-mana syarat pemilih. Contohnya:

$('h1,p,a').addClass('italic');

Coretan kod ini menambahkan gaya dengan kelas "italic" pada semua h1, p dan elemen dalam halaman.

Di atas ialah pemilih berpusat yang biasa digunakan dalam jQuery Memilih pemilih yang sesuai boleh membuatkan kami mengendalikan elemen halaman dengan lebih mudah dan cekap.

Atas ialah kandungan terperinci Apakah pemilih berpusat jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn