ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryは属性をカスタマイズできますか?

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

青灯夜游
青灯夜游オリジナル
2022-05-24 14:25:372659ブラウズ

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

#[推奨学習:

jQuery ビデオ チュートリアル webフロントエンドビデオ ]

以上がjqueryは属性をカスタマイズできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。