Rumah hujung hadapan web tutorial js Perbezaan antara attr() dan prop() dalam jQuery apabila mengubah suai attribute_jquery yang diperiksa

Perbezaan antara attr() dan prop() dalam jQuery apabila mengubah suai attribute_jquery yang diperiksa

May 16, 2016 pm 04:41 PM
prop

Apabila membuat butang pilih kotak semak, masalah berlaku Gunakan penyataan $.attr('checked',true) untuk menukar atribut kotak semak itu adalah yang pertama dalam penyemak imbas chrome 't berfungsi selepas klik pertama adalah sah.

Baidu mengambil masa yang lama untuk mengetahui sebabnya ialah atribut HTML dibahagikan kepada atribut dan sifat Mari kita panggil sifat yang terakhir buat masa ini.

Atribut yang ditandakan dibahagikan kepada atribut->ditandai dan harta->true, false.

Untuk kotak pilihan, jika checked="checked" tidak ditakrifkan, hasil alert($.attr("checked")) tidak ditentukan. Jika ditakrifkan, hasilnya disemak. Atribut tidak berubah apabila status kotak semak berubah.

Jika prop($.attr("checked")) digunakan, output masing-masing adalah palsu dan benar. Harta berubah apabila ia berubah.

Jadi prop() hendaklah digunakan apabila mengubah suai atribut yang ditandakan. prop() telah ditambah selepas jQuery 1.6.

Carta tentang sifat lain yang serupa di Internet:

Selain itu, dalam versi sebelum IE9, jika harta itu tidak dipadamkan sebelum elemen DOM dialih keluar, menggunakan kaedah .prop() untuk menetapkan nilai sifat elemen DOM (kecuali jenis mudah: nombor, rentetan, boolean ) akan menyebabkan kebocoran ingatan. Untuk menetapkan nilai objek DOM dengan selamat dan mengelakkan kebocoran memori, anda boleh menggunakan kaedah .data(). Saya belum menemuinya lagi, jadi saya akan menulisnya di sini.

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyelesaikan ralat '[Vue warn]: prop diperlukan hilang'. Bagaimana untuk menyelesaikan ralat '[Vue warn]: prop diperlukan hilang'. Aug 26, 2023 pm 06:57 PM

Bagaimana untuk menyelesaikan ralat "[Vuewarn]:Missingrequiredprop" Semasa membangunkan aplikasi Vue, anda kadangkala menghadapi mesej ralat biasa: "[Vuewarn]:Missingrequiredprop". Ralat ini biasanya merujuk kepada kekurangan nilai sifat yang diperlukan dalam komponen, menyebabkan komponen gagal untuk dipaparkan dengan betul. Penyelesaian kepada masalah ini adalah mudah. ​​Kita boleh mengelakkan dan menangani kesilapan ini melalui beberapa kemahiran dan peraturan. Berikut adalah beberapa penyelesaian

Bagaimana untuk menyelesaikan ralat '[Vue warn]: Prop tidak sah: nilai tidak sah'. Bagaimana untuk menyelesaikan ralat '[Vue warn]: Prop tidak sah: nilai tidak sah'. Aug 25, 2023 pm 02:51 PM

Kaedah untuk menyelesaikan ralat "[Vuewarn]:Invalidprop:invalidvalue" Semasa membangunkan aplikasi menggunakan Vue.js, kami sering menghadapi beberapa ralat dan amaran. Salah satu ralat biasa ialah "[Vuewarn]:Invalidprop:invalidvalue". Ralat ini biasanya berlaku apabila kami cuba menghantar nilai yang tidak sah kepada sifat komponen Vue. Dalam artikel ini, kita akan menyelidiki punca ralat ini

Cara menyelesaikan ralat '[Vue warn]: prop tidak sah: custom validator'. Cara menyelesaikan ralat '[Vue warn]: prop tidak sah: custom validator'. Aug 20, 2023 pm 10:53 PM

Kaedah untuk menyelesaikan ralat "[Vuewarn]:Invalidprop:customvalidator" Semasa proses pembangunan menggunakan Vue, kami sering menghadapi beberapa mesej amaran dan ralat. Salah satu mesej ralat biasa ialah "[Vuewarn]:Invalidprop:customvalidator". Sebab mesej ralat ini berlaku adalah kerana apabila kami menggunakan fungsi pengesah tersuai, kami gagal untuk mengesahkan dengan betul komponen yang dihantar kepadanya.

Cara menyelesaikan ralat '[Vue warn]: prop tidak sah: type check'. Cara menyelesaikan ralat '[Vue warn]: prop tidak sah: type check'. Aug 26, 2023 pm 10:40 PM

Cara Membetulkan Ralat “[Vuewarn]:Invalidprop:typecheck” Vue.js ialah rangka kerja JavaScript yang popular untuk membina antara muka pengguna. Apabila membangunkan aplikasi menggunakan Vue.js, kadangkala kami menghadapi beberapa mesej ralat, salah satunya ialah "[Vuewarn]:Invalidprop:typecheck". Ralat ini biasanya disebabkan oleh penggunaan atribut yang salah dalam komponen

Cara menangani ralat '[Vue warn]: Elakkan memutasi prop secara langsung'. Cara menangani ralat '[Vue warn]: Elakkan memutasi prop secara langsung'. Aug 17, 2023 am 11:12 AM

Cara menangani ralat "[Vuewarn]:Avoidmutatingapropdirectly" Apabila membangunkan aplikasi web menggunakan Vue.js, kami sering menghadapi beberapa amaran atau ralat. Salah satu amaran biasa ialah "[Vuewarn]:Avoidmutatingapropdirectly", yang bermaksud bahawa kami mengubah suai terus sesuatu sifat (prop) yang diluluskan oleh komponen induk dalam komponen tersebut. Dalam artikel ini, kami

Perbandingan skim penghantaran berbilang peringkat dalam komunikasi komponen Vue Perbandingan skim penghantaran berbilang peringkat dalam komunikasi komponen Vue Jul 18, 2023 pm 03:21 PM

Perbandingan skim penyampaian berbilang peringkat dalam komunikasi komponen Vue Vue ialah rangka kerja bahagian hadapan yang sangat popular Ia menyediakan kaedah pembangunan berasaskan komponen dan merealisasikan pembangunan aplikasi yang kompleks melalui sarang dan komunikasi komponen. Dalam pembangunan sebenar, komunikasi antara komponen sering menjadi isu penting. Apabila terdapat perhubungan berbilang peringkat antara komponen, cara memindahkan data dengan cekap menjadi persoalan yang perlu difikirkan oleh pembangun. Artikel ini akan memperkenalkan beberapa skim komunikasi komponen berbilang peringkat biasa dan membandingkannya. Gunakan prop dan $emitVue untuk menyediakan

Cara menyelesaikan ralat '[Vue warn]: Elakkan memutasi prop secara langsung'. Cara menyelesaikan ralat '[Vue warn]: Elakkan memutasi prop secara langsung'. Aug 17, 2023 pm 05:21 PM

Kaedah untuk menyelesaikan ralat "[Vuewarn]:Avoidmutatingapropdirectly" Semasa membangunkan projek menggunakan Vue.js, kami mungkin menghadapi mesej amaran biasa: "[Vuewarn]:Elakkanmutatingapropdirectly". Maksud mesej amaran ini ialah kita tidak seharusnya menukar secara langsung nilai atribut props, tetapi harus mencetuskan peristiwa untuk membenarkan komponen induk menukar pro

Cara menyelesaikan ralat '[Vue warn]: prop tidak sah: nilai kemas kini'. Cara menyelesaikan ralat '[Vue warn]: prop tidak sah: nilai kemas kini'. Aug 26, 2023 pm 08:19 PM

Kaedah untuk menyelesaikan ralat "[Vuewarn]:Invalidprop:updatevalue" Dalam pembangunan Vue, kita sering menghadapi ralat "[Vuewarn]:Invalidprop:updatevalue". Ralat ini biasanya disebabkan oleh komponen induk yang menghantar nilai yang tidak sah kepada komponen anak. Walaupun ralat ini adalah amaran Vue dan bukannya ralat yang membawa maut, ia masih harus diselesaikan tepat pada masanya untuk memastikan keteguhan program. Artikel ini akan memperkenalkan

See all articles