Rumah > hujung hadapan web > tutorial js > Penjelasan terperinci tentang penggunaan prop() attr() dalam jQuery_jquery

Penjelasan terperinci tentang penggunaan prop() attr() dalam jQuery_jquery

WBOY
Lepaskan: 2016-05-16 15:58:22
asal
1208 orang telah melayarinya

Untuk atribut yang wujud bagi elemen HTML itu sendiri, gunakan kaedah prop semasa memproses.
Untuk atribut DOM tersuai kami sendiri bagi elemen HTML, kami menggunakan kaedah attr semasa memprosesnya.

Selepas kaedah prop diperkenalkan dalam versi jquery yang lebih tinggi, bilakah prop harus digunakan? Bila hendak menggunakan attr? Apakah perbezaan antara mereka berdua? Masalah-masalah ini timbul.

Terdapat banyak jawapan dalam talian tentang perbezaan antara keduanya. Izinkan saya bercakap tentang pemikiran saya di sini. Pemikiran saya sangat mudah:

Untuk atribut yang wujud bagi elemen HTML itu sendiri, gunakan kaedah prop semasa memproses.
Untuk atribut DOM tersuai kami sendiri bagi elemen HTML, kami menggunakan kaedah attr semasa memprosesnya.

Penerangan di atas mungkin agak kabur, cuma berikan beberapa contoh.

Salin kod Kod adalah seperti berikut:

http://www.baidu.com" target="_self" class="btn">Baidu

Dalam contoh ini, atribut DOM elemen termasuk "href, sasaran dan kelas". Atribut yang muncul dipanggil atribut intrinsik. Apabila berurusan dengan sifat-sifat ini, disyorkan untuk menggunakan kaedah prop.

Salin kod Kod adalah seperti berikut:

Dalam contoh ini, atribut DOM bagi elemen termasuk "href, id dan tindakan". atribut. Ini ialah atribut DOM tersuai. Apabila berurusan dengan atribut ini, adalah disyorkan untuk menggunakan kaedah attr. Apabila menggunakan kaedah prop untuk mendapatkan nilai dan menetapkan nilai harta, nilai yang tidak ditentukan akan dikembalikan.

Contoh lain:

Salin kod Kod adalah seperti berikut:

Adakah ia kelihatan
Adakah ia kelihatan

Untuk elemen seperti kotak pilihan, radio dan pilih, atribut yang ditandakan sepadan dengan "ditanda" dan "dipilih".

Salin kod Kod adalah seperti berikut:

$("#chk1").prop("ditanda") == palsu
$("#chk2").prop("ditanda") == benar

Jika kaedah attr digunakan di atas, ia akan muncul:

Salin kod Kod adalah seperti berikut:

$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

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