Apakah Kaedah Optimum untuk Melumpuhkan dan Mendayakan Elemen dengan jQuery: prop() vs. attr() untuk Atribut Boolean?

Cara Melumpuhkan dan Mendayakan Elemen dengan Berkesan menggunakan jQuery: Memahami Perbezaan Antara attr() dan prop()

Masalah:

Anda cuba melumpuhkan input pada mulanya dan kemudian mendayakannya apabila pautan diklik, tetapi penyelesaian jQuery semasa anda tidak berfungsi.

HTML:

<code class="html"><input type="text" disabled="disabled" class="inputDisabled" value=""></code>

jQuery:

<code class="javascript">$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});</code>

Punca:

Anda menggunakan removeAttr() untuk mengalih keluar atribut "dilumpuhkan", tetapi pendekatan ini mempunyai had, terutamanya dengan atribut boolean seperti "dilumpuhkan."

Penyelesaian: Menggunakan prop() dan bukannya attr()

Untuk atribut boolean, adalah disyorkan untuk menggunakan kaedah prop() dan bukannya attr(). Kaedah ini secara eksplisit mengubah suai nilai sifat asas elemen, yang lebih cekap dan sesuai untuk atribut boolean.

JQuery yang dikemas kini:

<code class="javascript">$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Element(s) are now enabled.
});</code>

Mengapa prop() atas attr() untuk Atribut Boolean?

• Ketekalan: prop() secara konsisten menetapkan nilai sifat, manakala attr() boleh membawa kepada tingkah laku yang tidak dijangka dalam beberapa situasi.
• Ketepatan: prop() mendapatkan semula dan menetapkan nilai harta sebenar, manakala attr() mungkin mengembalikan atau menetapkan nilai yang berbeza berdasarkan atribut.
• Kecekapan: prop() lebih cekap untuk atribut boolean, kerana ia secara langsung mengubah suai sifat tanpa melibatkan atribut.

Nota: Dalam versi jQuery sebelumnya kepada 3.0, removeAttr() pada atribut boolean juga akan menetapkan sifat yang sepadan kepada false. Tingkah laku ini telah ditamatkan dalam versi kemudian, yang menonjolkan kepentingan menggunakan prop() untuk atribut boolean.

Atas ialah kandungan terperinci Apakah Kaedah Optimum untuk Melumpuhkan dan Mendayakan Elemen dengan jQuery: prop() vs. attr() untuk Atribut Boolean?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!