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

Analisis penggunaan pemilih CSS dalam Jquery_jquery

WBOY
Lepaskan: 2016-05-16 16:14:54
asal
2054 orang telah melayarinya

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选择器 
 
 
 
 
 

这是标题中的文本

 
 

 
 
div元素:id属性为div1.
 
 
div元素:id属性为div2.
 
 
div元素:id属性为div3.
 
 

效果图如下所示:

希望本文所述对大家的 jQuery程序设计有所帮助。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan