jQuery .prop() vs. .attr(): Bilakah Saya Perlu Menggunakan Yang Mana?

jQuery's .prop() vs .attr(): Perbezaan Asas

jQuery 1.6 memperkenalkan kaedah .prop() baharu, meningkatkan soalan tentang hubungannya dengan .attr() sedia ada fungsi.

Bila Menggunakan .prop()

Secara amnya, anda harus mengutamakan .prop() daripada .attr() kerana:

• Mencerminkan Nilai Harta: .prop() secara langsung memanipulasi DOM sifat elemen, yang mewakili keadaan sebenar elemen, seperti ditandai atau gaya.
• Lebih Mudah dan Lebih Intuitif: Sifat selalunya lebih mudah untuk digunakan berbanding atribut. Sebagai contoh, .prop('checked') secara langsung mengembalikan keadaan kotak semak sebagai boolean, manakala .attr('checked') memerlukan semakan yang kompleks.

When to Use .attr( )

Dalam kes tertentu, .attr() mungkin masih perlu:

• Atribut XML: Untuk memanipulasi atribut yang tidak sepadan dengan mana-mana sifat DOM, seperti atribut XML.

Perbezaan dalam Kelakuan

Dalam jQuery 1.6, .prop() melakukan apa yang .attr() lakukan dalam versi sebelumnya. Walau bagaimanapun, ini berubah sedikit dalam jQuery 1.6.1. Khususnya:

• Atribut Boolean: Dalam jQuery 1.6.1, .attr() berbalik kepada gelagat lamanya untuk atribut Boolean (cth., ditandai, dilumpuhkan) dan mewakili keadaan lalai bukannya arus yang kelihatan nyatakan.

Kesan ke atas Kod Sedia Ada

Jika anda menaik taraf kepada jQuery 1.6 dan menggunakan .prop() yang anda gunakan sebelum ini .attr(), kebanyakannya kod anda sepatutnya berfungsi seperti yang diharapkan. Walau bagaimanapun, beberapa akses atribut Boolean daripada .attr() mungkin memerlukan pelarasan.

Memahami Sifat lwn. Atribut

Perubahan ini menyerlahkan perbezaan antara sifat dan atribut DOM:

• Sifat: Mewakili dinamik keadaan elemen, seperti keadaan disemak atau gaya semasa. Ia diakses terus melalui .prop().
• Atribut: Biasanya rentetan disimpan dalam HTML dan mewakili nilai lalai atau awal. Mereka diakses melalui .attr().

Memahami perbezaan ini memudahkan manipulasi elemen pada masa hadapan.

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