Bagaimana untuk melintasi sifat dalam jquery

jQuery ialah perpustakaan JavaScript yang sangat popular yang menyediakan banyak kaedah mudah untuk memanipulasi dokumen HTML dan elemen halaman web. Satu kaedah yang sangat berguna ialah mengulangi sifat. Dalam artikel ini, kami akan memperkenalkan cara untuk lelaran melalui sifat menggunakan jQuery.

Pertama, mari kita lihat kaedah yang disediakan oleh jQuery untuk merentasi sifat. Ia termasuk:

• attr(): digunakan untuk mendapatkan atau menetapkan nilai atribut sesuatu elemen.
• prop(): digunakan untuk mendapatkan atau menetapkan nilai atribut sesuatu elemen.
• data(): digunakan untuk mendapatkan atau menetapkan nilai atribut data tersuai bagi sesuatu elemen.
• removeAttr(): digunakan untuk mengalih keluar atribut unsur.
• hasClass(): Digunakan untuk mengesan sama ada elemen mempunyai kelas tertentu.

Di bawah ini kami akan memperkenalkan penggunaan dan contoh setiap kaedah masing-masing. Kaedah

1. attr()

attr() boleh digunakan untuk mendapatkan atau menetapkan nilai atribut sesuatu elemen. Ia memerlukan dua parameter: nama atribut dan nilai atribut. Jika hanya nama harta yang diluluskan, nilai harta akan dikembalikan jika kedua-dua nama harta dan nilai harta itu diluluskan, nilai harta itu akan ditetapkan. Kaedah

// 获取属性值
var href = $('#myLink').attr('href');

// 设置属性值
$('#myLink').attr('href', 'http://www.example.com');

2. prop()

prop() adalah serupa dengan kaedah attr() Ia juga boleh digunakan untuk mendapatkan atau menetapkan nilai atribut suatu unsur. Walau bagaimanapun, kaedah prop() lebih sesuai untuk mendapatkan atau menetapkan nilai sifat Boolean (seperti checked, disabled, selected, dsb.). Kaedah

// 获取属性值
var checked = $('#myCheckbox').prop('checked');

// 设置属性值
$('#myCheckbox').prop('checked', true);

3. data()

data() boleh digunakan untuk mendapatkan atau menetapkan nilai atribut data tersuai bagi sesuatu elemen. Ia mempunyai satu parameter: nama harta. Jika hanya nama harta yang diluluskan, nilai harta akan dikembalikan jika kedua-dua nama harta dan nilai harta itu diluluskan, nilai harta itu akan ditetapkan. Kaedah

// 获取属性值
var name = $('#myDiv').data('name');

// 设置属性值
$('#myDiv').data('name', 'John');

4. removeAttr()

removeAttr() boleh digunakan untuk mengalih keluar atribut daripada elemen. Ia hanya mempunyai satu parameter: nama harta. Kaedah

// 移除属性
$('#myImage').removeAttr('title');

5. hasClass()

hasClass() boleh digunakan untuk mengesan sama ada sesuatu elemen mempunyai kelas tertentu. Ia hanya mempunyai satu parameter: nama kelas. Jika elemen mempunyai kelas ini, kembalikan true jika tidak, kembalikan false.

// 检测是否拥有class
if ($('#myDiv').hasClass('active')) {
  // ...
}

Ringkasan

Dengan menggunakan kaedah jQuery di atas, anda boleh melintasi dan memanipulasi nilai atribut unsur HTML dengan mudah. Kaedah attr() dan prop() digunakan untuk mendapatkan atau menetapkan nilai atribut elemen; kaedah data() digunakan untuk mendapatkan atau menetapkan nilai atribut data tersuai bagi elemen itu; keluarkan nilai atribut elemen; removeAttr() Kaedah yang digunakan untuk mengesan sama ada elemen mempunyai kelas yang ditentukan. Dalam projek sebenar, anda boleh memilih kaedah yang sesuai untuk melintasi sifat elemen mengikut keperluan. hasClass()

Atas ialah kandungan terperinci Bagaimana untuk melintasi sifat dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!