Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah kaedah untuk memanipulasi atribut elemen dalam jquery?
Apakah kaedah untuk memanipulasi atribut elemen dalam jquery?
- 青灯夜游asal
- 2022-03-18 18:59:402563semak imbas
Kaedah untuk atribut elemen pengendalian ialah: 1. Kaedah untuk atribut kelas pengendalian, termasuk addClass(), hasClass(), removeClass(), toggleClass() 2. Kaedah untuk mengendalikan atribut tertentu, termasuk attr(); ), prop(), removeAttr().
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.12.4, komputer Dell G3.
kaedah operasi atribut jQuery
| 方法 | 描述 |
|---|---|
| addClass() | 向匹配的元素添加指定的类名（class属性值）。 |
| attr() | 设置或返回匹配元素的属性和值。 |
| prop() | 设置或返回匹配元素的属性和值。 |
| hasClass() | 检查匹配的元素是否拥有指定的类（class）。 |
| removeAttr() | 从所有匹配的元素中移除指定的属性。 |
| removeClass() | 从所有匹配的元素中删除全部或者指定的类（class）。 |
| toggleClass() | 从匹配的元素中添加或删除一个类（class）。 |
kaedah jQuery attr() dan prop() mengembalikan atau menetapkan atribut
Kaedah prop() adalah serupa dengan kaedah attr(), kedua-duanya digunakan untuk mendapatkan atau menetapkan atribut HTML elemen, tetapi terdapat perbezaan penting antara keduanya.
Syor rasmi jQuery: Untuk atribut dengan dua nilai true dan false, seperti ditandai, dipilih dan dilumpuhkan, adalah disyorkan untuk menggunakan kaedah prop() untuk beroperasi, manakala untuk atribut lain adalah disyorkan untuk menggunakan kaedah attr() untuk beroperasi.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function () {
$('input[type="radio"]').change(function(){
var bool = $(this).attr("checked");
if(bool){
$("p").text("你选择的是：" + $(this).val());
}
})
})
</script>
</head>
<body>
<div>
<label><input type="radio" name="fruit" value="苹果" />苹果</label>
<label><input type="radio" name="fruit" value="香蕉" />香蕉</label>
<label><input type="radio" name="fruit" value="西瓜" />西瓜</label>
</div>
<p></p>
</body>
</html>
Dalam contoh ini, kita sebenarnya mahu menggunakan $(this).attr("checked") untuk menentukan sama ada butang radio dipilih, dan jika ia dipilih, dapatkan nilai nilai nilai butang radio. Tetapi selepas menjalankan kod, saya dapati: Ia tidak mempunyai kesan sama sekali! kenapa ni?
Malah, untuk atribut yang diperiksa, dipilih dan dilumpuhkan bagi elemen borang, kami tidak boleh mendapatkannya menggunakan kaedah attr(), tetapi mesti menggunakan kaedah prop(). Oleh itu, ia akan berfungsi jika kita menggantikan kaedah attr() dengan kaedah prop().
Malah, kaedah prop() nampaknya mengimbangi kelemahan kaedah attr() dalam operasi atribut bentuk. Ingat satu ayat: Jika harta tidak boleh diperoleh atau ditetapkan menggunakan kaedah attr(), ia boleh dicapai dengan menukar kaedah prop().
kaedah removeAttr() mengalih keluar atribut
Dalam jQuery, kita boleh menggunakan kaedah removeAttr() untuk memadamkan atribut elemen.
Sintaks:
$().removeAttr("属性名")operasi nama kelas jQuery
operasi nama kelas merujuk kepada menambah kelas atau memadamkan kelas untuk mengawal gaya keseluruhan elemen.
Dalam jQuery, terdapat tiga jenis operasi nama kelas CSS.
Tambah kelas.
Padam kelas.
Tukar kelas.
kaedah addClass() untuk menambah kelas
Dalam jQuery, kita boleh menggunakan kaedah addClass() untuk menambah kelas pada elemen.
Sintaks:
$().addClass("类名")kaedah removeClass() untuk memadam kelas
Dalam jQuery, kita boleh menggunakan kaedah removeClass() untuk memadam elemen sebuah kelas.
Sintaks:
$().removeClass("类名")kaedah toggleClass() menukar kelas
Dalam jQuery, kita boleh menggunakan kaedah toggleClass() untuk menukar kelas untuk nama unsur. Toggle sebenarnya bermaksud "tukar".
Sintaks:
$().toggleClass("类名")kaedah toggleClass() digunakan untuk menyemak sama ada sesuatu elemen mempunyai kelas tertentu. Jika kelas tidak wujud, kelas ditambah kepada elemen jika kelas sudah wujud, kelas akan dialih keluar daripada elemen.
[Pembelajaran yang disyorkan: tutorial video jQuery, bahagian hadapan web]
Atas ialah kandungan terperinci Apakah kaedah untuk memanipulasi atribut elemen dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!