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

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:

Padam

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.