Ketahui pemilih jQuery asas dari awal: mulakan dengan cepat!

Ketahui pemilih asas jQuery dari awal: mulakan dengan cepat!

jQuery ialah perpustakaan JavaScript yang mudah dipelajari dan digunakan yang memudahkan manipulasi dan pengendalian acara dokumen HTML. Antaranya, pemilih adalah salah satu asas jQuery Melalui pemilih, kita boleh dengan mudah memilih elemen HTML, mengendalikan DOM dan mencapai kesan interaktif. Artikel ini akan memperkenalkan pemilih asas jQuery dari awal untuk membantu pembaca bermula dengan cepat.

Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam dokumen HTML. Ia boleh diperkenalkan melalui pautan CDN atau fail yang dimuat turun, contohnya:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Setelah perpustakaan jQuery diperkenalkan, kita boleh mula menggunakan pemilih. Berikut ialah beberapa contoh pemilih asas:

Pemilih Asas

1. Pilih elemen mengikut nama elemen:

$('div') // 选取所有的<div>元素

2. Pilih elemen mengikut nama kelas:

$('.classname') // 选取所有类名为classname的元素

3. Pilih semua elemen mengikut ID:
Pilih elemen mengikut ID:

4. $('#id') // 选取ID为id的元素

   Salin selepas log masuk
Pemilih hierarki

1. $('*') // 选取所有元素

   Salin selepas log masuk

pilih atau elemen pertama:

$('parentElement descendantElement') // 选取parentElement中的所有descendantElement元素

Salin selepas log masuk

Elemen terakhir:

$('parentElement > childElement') // 选取parentElement中的所有直接子元素childElement

Salin selepas log masuk

Elemen kedudukan ganjil:

$('selector:first') // 选取第一个匹配的元素

Salin selepas log masuk

Elemen kedudukan genap:

$('selector:last') // 选取最后一个匹配的元素

Salin selepas log masuk

Pilih elemen kotak input:

$('selector:odd') // 选取所有奇数位置的元素

Atas ialah kandungan terperinci Ketahui pemilih jQuery asas dari awal: mulakan dengan cepat!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!