kaedah atribut panggilan jquery

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);

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

<input type="radio" name="gender" id="male" value="male">Male
<input type="radio" name="gender" id="female" value="female">Female

if ($('#male').prop('checked')) {
  // 如果male被选中
}

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

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

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);

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

<img src="image.jpg" alt="这是一张照片">

var altValue = $('img').attr('alt');

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

$('img').attr('src', 'newImage.jpg');

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!