Rumah >hujung hadapan web >tutorial js >Analisis penggunaan pemilih CSS dalam Jquery_jquery

Analisis penggunaan pemilih CSS dalam Jquery_jquery

WBOY
WBOYasal
2016-05-16 16:14:542044semak imbas

Contoh dalam artikel ini menerangkan penggunaan pemilih CSS dalam Jquery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

jQuery menggunakan set pemilih CSS, terdapat 5 jenis kesemuanya iaitu pemilih tag, pemilih ID, pemilih kelas, pemilih universal dan pemilih kumpulan, yang diterangkan seperti berikut:

1. Pemilih teg

digunakan untuk memilih elemen teg sedia ada dalam halaman HTML, juga dikenali sebagai pemilih elemen, format: $("elemen"), seperti $("div"), sama seperti getElementByTagName

2. pemilih ID

digunakan untuk mendapatkan elemen dengan atribut id Formatnya adalah seperti berikut: $("id"), sama seperti getElementById

Salin kod Kod adalah seperti berikut:

$("#users").val();

3. Pemilih Kelas

digunakan untuk mendapatkan elemen dengan atribut kelas, format: $("class")

Salin kod Kod adalah seperti berikut:

Tambahkan gaya sempadan pada kotak teks ini Mula-mula, gunakan atribut kelas untuk mengikat kotak teks

Salin kod Kod adalah seperti berikut:
$(".t").css("border", " 2px biru pejal ");

4. Pemilih universal

Pemilih universal (*) sepadan dengan semua elemen dan kebanyakannya digunakan untuk mencari secara kontekstual, iaitu, untuk mencari semua teg dalam halaman HTML, $("*")

5. Pemilih Kumpulan

juga dipanggil pemilih berbilang elemen, yang digunakan untuk memilih keputusan semua kombinasi pemilih yang ditentukan Sintaksnya adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
$("selector1, seletor2, selector3")

Contohnya:

Salin kod Kod adalah seperti berikut:
$("div, span, p. styleClass"). css("sempadan", "1px merah pepejal");

Contoh komprehensif:

Salin kod Kod adalah seperti berikut:
 
 
 
 
css选择器