jQuery .prop() vs. .attr(): Bilakah Saya Harus Menggunakan Setiap Kaedah?

jQuery .prop() vs .attr()

jQuery 1.6 memperkenalkan kaedah prop() baharu, yang menimbulkan beberapa persoalan tentang kaedah tersebut penggunaan berbanding kaedah attr() sedia ada.

Bila Perlu Digunakan .prop()

Secara amnya, anda harus memilih prop() berbanding attr() atas sebab berikut:

• Ketepatan: prop( ) mendapatkan semula sifat sebenar elemen DOM, manakala attr() mendapatkan semula atribut, yang mungkin tidak selalu mencerminkan keadaan semasa bagi elemen.
• Kesedaran jenis: prop() mengembalikan nilai sifat dalam jenis yang betul (mis., Boolean untuk diperiksa), manakala attr() sentiasa mengembalikan rentetan.
• Kejelasan: prop() lebih jelas tentang harta anda mengakses.

Bila Menggunakan .attr()

attr() masih berguna dalam situasi tertentu:

• Atribut tersuai: attr() boleh mendapatkan semula atau menetapkan atribut tersuai yang anda tambahkan pada DOM.
• Atribut Boolean: Untuk sesetengah atribut Boolean (cth., ditandai), prop() akan mencerminkan keadaan semasa, manakala attr() akan mencerminkan nilai lalai (walaupun jQuery 1.6. 1 mengembalikan attr() kepada tingkah laku lamanya untuk Boolean atribut).

Perbezaan dalam Atribut dan Kelakuan Harta

Perbezaan utama antara atribut dan sifat ialah atribut disimpan dalam markup HTML, manakala sifat adalah dikira secara dinamik oleh penyemak imbas. Ini boleh membawa kepada percanggahan dalam kes tertentu, seperti:

• Nilai input dan keadaan yang diperiksa: Nilai dan sifat yang diperiksa mewakili keadaan semasa elemen input, manakala yang sepadan atribut (nilai dan ditandai) mewakili keadaan lalai atau awal.
• Gaya: Sifat gaya ialah objek yang mengandungi sifat CSS, manakala atribut gaya ialah perwakilan rentetan bagi CSS sebaris.

Kesan pada Kod Sedia Ada

Menggantikan semua kejadian attr() dengan prop() dalam jQuery 1.6 biasanya akan berfungsi. Walau bagaimanapun, anda mungkin perlu mengendalikan atribut Boolean secara manual di mana anda sebelum ini bergantung pada attr() untuk mencerminkan keadaan lalai.

Atas ialah kandungan terperinci jQuery .prop() vs. .attr(): Bilakah Saya Harus Menggunakan Setiap Kaedah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!