jqueryは属性をカスタマイズできますか?-フロントエンドQ&A-php.cn

jqueryは属性をカスタマイズできますか?

青灯夜游

リリース： 2022-06-08 18:50:25

オリジナル

2713 人が閲覧しました

jquery は属性をカスタマイズできます。 jquery では、attr() を使用して要素にカスタム属性を追加し、属性値を設定できます。属性を 1 つだけ追加する場合は、「element object.attr("属性名", "値")」を使用できます。複数の属性がある場合は、「Element object.attr({属性名: 値, 属性名: 値,...})」を使用します。

jqueryは属性をカスタマイズできますか?

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery は属性をカスタマイズできます。

jquery には、属性をカスタマイズできる組み込みメソッド attr() があります。

attr() メソッドは、選択した要素の属性と値を設定または返します。

このメソッドを使用して属性値を返す場合、最初に一致した要素の値が返されます。要素が返されます。
このメソッドを使用して属性値を設定すると、一致する要素に対して 1 つ以上の属性/値のペアが設定されます。

このメソッドでは、組み込み属性を設定したり、要素にカスタム属性を追加したりできます。

単一の属性を設定している場合は、次の構文を使用できます:

$(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は属性をカスタマイズできますか?