Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah dan memadam atribut dalam jquery

Bagaimana untuk menambah dan memadam atribut dalam jquery

青灯夜游asal: 2022-05-13 17:54:082542semak imbas

Dalam jquery, attr() atau prop() boleh digunakan untuk menambah atribut pada elemen, sintaksnya ialah "object.attr("attribute name", "value")" atau "object.prop(" nama atribut", "nilai""; anda boleh menggunakan removeAttr() untuk memadamkan atribut, sintaksnya ialah "object.removeAttr("nama atribut"".

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Cara menambah dan memadam atribut dalam jquery

1. Gunakan attr() atau prop() untuk menambah atribut

Kedua-dua prop() dan attr() boleh digunakan untuk menetapkan atribut HTML elemen.

Contoh 1: Gunakan attr() untuk menambah atribut yang dilumpuhkan

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("textarea").attr("disabled", "disabled");
					// $("textarea").attr("disabled","true");
				});
			});
		</script>
	</head>

	<body>
		<textarea></textarea><br><br>
		<button>让textarea不可编辑</button>
	</body>

</html>

Bagaimana untuk menambah dan memadam atribut dalam jquery

Contoh 2: Gunakan prop() untuk menambah atribut baca sahaja

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("readonly","readonly");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>

	<body>
		<input type="text" value="hello"/><br /><br />

		<button>给input添加只读属性</button>
	</body>
</html>

Bagaimana untuk menambah dan memadam atribut dalam jquery

2. Gunakan removeAttr() untuk memadamkan atribut

Kaedah removeAttr() mengalih keluar atribut daripada elemen yang dipilih.

Contoh: Gunakan removeAttr() untuk memadamkan atribut tersembunyi

Atribut tersembunyi menentukan bahawa elemen itu 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.2.1.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>

Bagaimana untuk menambah dan memadam atribut dalam jquery

Cadangan tutorial berkaitan: tutorial video jQuery

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

jquery html 对象

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah maksud kanak-kanak dalam jQuery?Artikel seterusnya：Apakah maksud kanak-kanak dalam jQuery?

Artikel berkaitan

Lihat lagi