首頁  >  文章  >  web前端  >  jquery能不能自訂屬性

jquery能不能自訂屬性

青灯夜游
青灯夜游原創
2022-05-24 14:25:372661瀏覽

jquery能自訂屬性。 jquery中,可用attr()來為元素添加自訂屬性,並設定屬性值;若只新增單一屬性,可用“元素物件.attr("屬性名稱","值")”,若多個屬性則使用「元素物件.attr({屬性名稱:值,屬性名稱:值,...})」。

jquery能不能自訂屬性

本教學操作環境:windows7系統、jquery3.2.1版本、Dell G3電腦。

jquery能自訂屬性。

在jquery中,有一個內建方法:attr(),可自訂屬性。

attr()方法設定或傳回被選元素的屬性和值

  • #當方法用於傳回屬性值,則傳回第一個符合元素的值。

  • 當方法用於設定屬性值,則為符合元素設定一個或多個屬性/值對。

此方法可以設定內建屬性,也可以自訂屬性加入到元素中。

如果是設定單一屬性,可以使用下列語法:

$(selector).attr("属性名","值")

如果設定多個屬性,可以使用下列語法:

$(selector).attr({属性名:值,属性名:值,...})

實例:新增自訂屬性並輸出值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").attr(&#39;myIndex&#39;,2);
					console.log($("div").attr(&#39;myIndex&#39;));
				});
			});
		</script>
	</head>
	<body>

		<button>添加自定义属性</button>
		<div>hello</div>

	</body>
</html>

jquery能不能自訂屬性

【推薦學習:jQuery影片教學web前端影片

以上是jquery能不能自訂屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn