kaedah atribut panggilan jquery

王林
Lepaskan: 2023-05-28 16:13:38
asal
423 orang telah melayarinya

JQuery ialah perpustakaan JavaScript yang sangat biasa digunakan, yang boleh memudahkan penulisan kod JavaScript, terutamanya apabila mengendalikan DOM. Artikel ini akan memperkenalkan cara menggunakan kaedah atribut (.prop() dan .attr()) dalam JQuery untuk mengendalikan atribut elemen HTML.

Kaedah atribut merujuk kepada kaedah yang digunakan untuk mendapatkan dan menetapkan atribut elemen HTML. Dalam HTML, atribut adalah sebahagian daripada teg dan ia membenarkan penyesuaian teg atau kandungan teg. JQuery menyediakan dua kaedah untuk mengakses sifat: .prop() dan .attr(). Kaedah

.prop() digunakan untuk mendapatkan dan menetapkan atribut HTML standard (seperti ditandai, dilumpuhkan, dipilih, dll.) dan atribut objek (seperti nodeName, nodeType, dll.), dan mengembalikan a Nilai boolean, rentetan atau nombor. Berikut ialah penggunaan asas kaedah .prop():

// 获取属性值 $(selector).prop(propertyName); // 设置属性值 $(selector).prop(propertyName, value);
Salin selepas log masuk

Contohnya, untuk mendapatkan sama ada butang radio dipilih, anda boleh menggunakan kod berikut:

Male Female
Salin selepas log masuk
if ($('#male').prop('checked')) { // 如果male被选中 }
Salin selepas log masuk

Jika anda mahu untuk melumpuhkan semua kotak input teks , anda boleh menggunakan kod berikut:

$('input[type="text"]').prop('disabled', true);
Salin selepas log masuk

Sebaliknya, jika anda ingin mendayakan semua kotak input teks, anda boleh menetapkan nilai parameter kepada palsu. Kaedah

.attr() digunakan untuk mendapatkan dan menetapkan semua atribut HTML dan mengembalikan nilai rentetan. Berikut ialah penggunaan asas kaedah .attr():

// 获取属性值 $(selector).attr(attributeName); // 设置属性值 $(selector).attr(attributeName, value);
Salin selepas log masuk

Contohnya, untuk mendapatkan nilai atribut alt imej, anda boleh menggunakan kod berikut:

这是一张照片
Salin selepas log masuk
var altValue = $('img').attr('alt');
Salin selepas log masuk

Jika anda ingin menukar nilai atribut src tag img , anda boleh menggunakan kod berikut:

$('img').attr('src', 'newImage.jpg');
Salin selepas log masuk

Perlu diambil perhatian bahawa sesetengah sifat boleh diperoleh dan ditetapkan menggunakan kedua-dua .prop() dan .attr() kaedah, manakala sesetengah sifat hanya boleh menggunakan salah satu kaedah. Sebagai contoh, sifat yang disemak dan dilumpuhkan hanya boleh digunakan dengan kaedah .prop() dan menggunakan kaedah .attr() tidak mempunyai kesan.

Untuk meringkaskan, apabila mengendalikan atribut HTML, jika anda mengendalikan atribut HTML standard atau atribut objek, anda harus menggunakan kaedah .prop(). Jika anda ingin memanipulasi atribut HTML lain selain ini, anda harus menggunakan kaedah .attr(). Apabila menggunakan kedua-dua kaedah, terdapat pertukaran yang perlu dibuat dan kaedah yang sesuai dipilih untuk mendapatkan hasil yang diinginkan.

Di atas ialah pengenalan asas kepada kaedah atribut (.prop() dan .attr()) dalam JQuery. Jika anda ingin mengetahui lebih lanjut tentang JQuery, sila baca dokumentasi rasmi JQuery.

Atas ialah kandungan terperinci kaedah atribut panggilan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!