pemilih asas jQuery
PemulajQuery, untuk mempelajari jQuery dengan lebih sistematik, hari ini saya meringkaskan pengalaman pembelajaran saya secara khusus dan menyiarkannya untuk dikongsi dengan pemula terutamanya meringkaskan pemilih asas jQuery. Pemilih asas
jQuery ialah pemilih yang paling biasa digunakan dalam jQuery dan juga merupakan pemilih paling mudah ia menggunakan ID< elemen ??>, CLASS, tag elemen ELEMEN, dsb. untuk mencari elemen DOM dalam HTML. Dalam halaman web, setiap nama ID hanya boleh digunakan sekali dan kelas boleh digunakan berulang kali. Dalam aplikasi jQury, anda boleh menggunakan pemilih asas ini untuk menyelesaikan kebanyakan kerja Mari kita lihat proses pelaksanaan khusus mereka. Untuk mengetahui dengan lebih baik, kami mula-mula menyenaraikan kod teg HTML di sini:
<div id="mydiv"> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <p>我是一個(gè)段落p標(biāo)簽</p> <span>我是一個(gè)行內(nèi)span標(biāo)簽</span> <div>Kemudian mari kita lihat aplikasi pemilih asas ini
1. Pemilih ID
Pemilih: #id
Penerangan: Memadankan elemen berdasarkan id yang diberikan
Pengembalian: Elemen tunggal
Contoh:
<script type="text/javascript"> $(document).ready(function(){
//id選擇器 $("#mydiv").css("background","#f96");
});</script> Fungsi: Tukar id kepada mydiv Warna latar belakang elemen
2. pemilih kelas
pemilih : .class
Penerangan: Mengembalikan elemen yang sepadan dengan nama kelas diberikan
Pulangan: Elemen koleksi
Contoh:
<script type="text/javascript"> $(document).ready(function(){
//class選擇器 $(".mini").css("background","#f96");
});</script>Fungsi: Tukar warna latar belakang semua elemen dengan kelas mini
3 Elemen tag
Pemilih: elemen
Penerangan: Memadankan elemen
berdasarkan nama elemen yang diberikan: Elemen koleksi
Contoh: rreee
Fungsi: Tukar warna latar belakang semua elemen yang nama unsurnya ialah <div>
4. Semua elemen*
Pemilih : *
Penerangan: Menukar semua elemen tag html yang sepadan
Nilai pulangan: Elemen koleksi
Contoh:
<script type="text/javascript"> $(document).ready(function(){
//element選擇器 $("div").css("background","#f96");
});</script>Fungsi: Tukar warna latar belakang semua tag elemen html
5
Pemilih: pemilih,pemilih2,...pemilihN
Penerangan: Tukar setiap Elemen yang dipadankan oleh pemilih digabungkan dan dikembalikan bersama
Kembali: Tetapkan elemen
Contoh:
<script type="text/javascript"> $(document).ready(function(){
//*選擇器 $("*").css("background","#f96");
});</script>Fungsi: Tukar warna latar belakang kelas mini dan elemen perenggan p
