Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery
Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery
- 青灯夜游asal
- 2022-03-11 15:45:543325semak imbas
Kaedah: 1. Gunakan attr(), sintaksnya ialah "element object.attr("hidden", value)"; 2. Gunakan prop(), sintaksnya ialah "element object.prop("hidden ", value) "; 3. Gunakan removeAttr(), sintaksnya ialah "element.removeAttr("tersembunyi"".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
atribut tersembunyi menyatakan bahawa elemen itu tersembunyi. Elemen tersembunyi tidak akan dipaparkan. Jika atribut ini digunakan, elemen akan disembunyikan.
jquery mengubah suai atribut tersembunyi
1. Gunakan atribut attr() untuk menetapkan nilai atribut tersembunyi
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function(){
$("div").attr("hidden",false);
});
});
</script>
</head>
<body>
<p>测试文字-p元素</p>
<div hidden>测试文字-div元素</div>
<p>测试文字-p元素</p>
<button>修改hidden属性 </button>
</body>
</html>
2 Gunakan atribut prop() untuk menetapkan nilai atribut tersembunyi
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function(){
$("div").prop("hidden",false);
});
});
</script>
</head>
<body>
<p>测试文字-p元素</p>
<div hidden>测试文字-div元素</div>
<p>测试文字-p元素</p>
<button>修改hidden属性 </button>
</body>
</html>Kesan operasi adalah sama dengan kaedah 1
3 Gunakan atribut removeAttr() untuk memadamkan atribut tersembunyi
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function(){
$("div").removeAttr("hidden");
});
});
</script>
</head>
<body>
<p>测试文字-p元素</p>
<div hidden>测试文字-div元素</div>
<p>测试文字-p元素</p>
<button>修改hidden属性 </button>
</body>
</html>Kesan operasi adalah sama seperti. kaedah 1
[Pembelajaran yang disyorkan: tutorial video jQuery , video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!