Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengalih keluar atribut html5 dalam jq
Bagaimana untuk mengalih keluar atribut html5 dalam jq
- 青灯夜游asal
- 2022-07-29 18:06:272129semak imbas
Langkah untuk mengalih keluar atribut html5 dengan jquery: 1. Gunakan pemilih jquery untuk memilih elemen html5 yang ditentukan Sintaks "$(selector)" akan mengembalikan objek jquery yang mengandungi elemen yang ditentukan () fungsi Alih keluar atribut yang ditentukan bagi objek elemen, sintaksnya ialah "objek elemen.removeAttr("nama atribut").
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.
atribut HTML5
atribut boleh memberikan beberapa maklumat tambahan untuk teg HTML atau mengubah suai teg HTML. Atribut perlu ditambahkan dalam teg permulaan dan format sintaks ialah:
attr="value"
attr mewakili nama atribut dan nilai mewakili nilai atribut. Nilai atribut mesti dikelilingi oleh petikan berganda " " atau petikan tunggal ' '.
<input type="text" id="username" />
jenis dan id ialah atribut.
Bagaimana untuk mengalih keluar atribut html5 dalam jq?
Dalam jquery, anda boleh menggunakan removeAttr() untuk memadamkan atribut.
kaedah removeAttr() boleh mengalih keluar atribut yang ditentukan daripada elemen html yang dipilih.
Sintaks:
$(selector).removeAttr(attribute)
| 参数 | 描述 |
|---|---|
| attribute | 必需。规定从指定元素中移除的属性。 |
Contoh: Gunakan removeAttr() untuk memadamkan atribut tersembunyi
Atribut tersembunyi menentukan bahawa elemen tersembunyi. Elemen tersembunyi tidak akan dipaparkan.
Padamkan atribut ini untuk membenarkan elemen dipaparkan.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(function() {
$("button").click(function() {
$("p").removeAttr("hidden");
})
})
</script>
</head>
<body>
<p>这是一段可见的段落。</p>
<p hidden="hidden">这是一段被隐藏的段落，现在显示出来了。</p>
<p>这是一段可见的段落。</p>
<button>删除hidden属性</button>
</body>
</html>
Cadangan tutorial berkaitan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar atribut html5 dalam jq. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!