jqueryで属性を取得するために一般的に使用される方法は何ですか?-フロントエンドQ&A-php.cn

jqueryで属性を取得するために一般的に使用される方法は何ですか?

青灯夜游

リリース： 2022-03-23 17:24:03

オリジナル

12548 人が閲覧しました

jquery で属性を取得するために一般的に使用されるメソッドは次のとおりです: 1. attr() メソッド。指定された属性の値を取得して返すことができます。構文は "$(selector).attr("属性名です) ")"; 2. prop( ) メソッドは、選択した要素の属性値を返すことができ、構文は "$(selector).prop("プロパティ名") です。

jqueryで属性を取得するために一般的に使用される方法は何ですか?

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

jquery で属性を取得するためによく使用されるメソッドが 2 つあります:

attr() メソッド
prop() メソッド

jquery attr() メソッド

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

#例: img 要素の width 属性の値を取得する

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度为 " + $("img").attr("width"));
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="jqueryで属性を取得するために一般的に使用される方法は何ですか?" >
		<br />
		<button>返回图像的宽度</button>
	</body>
</html>

ログイン後にコピー

jqueryで属性を取得するために一般的に使用される方法は何ですか?

##jquery prop() メソッド

prop() メソッドは、選択した要素のプロパティと値を設定または返します。

このメソッドを使用して属性値を返すと、最初に一致した要素の値が返されます。

例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度为 " + $("img").prop("width"));
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="jqueryで属性を取得するために一般的に使用される方法は何ですか?" >
		<br />
		<button>返回图像的宽度</button>
	</body>
</html>

ログイン後にコピー

attr() メソッドと prop() メソッドの違い

prop() メソッドと attr ( ) メソッドは似ており、どちらも要素の HTML 属性を取得または設定するために使用されますが、この 2 つには本質的な違いがあります。

jQuery 公式推奨:checked、selected、disabled など、true と false の 2 つの値を持つ属性については、prop() メソッドを使用して操作することを推奨し、その他の属性については、prop() メソッドを使用して操作することを推奨します。操作には attr() メソッドを使用することをお勧めします。

[推奨学習:

jQuery ビデオチュートリアル

、Web フロントエンド開発 ]

以上がjqueryで属性を取得するために一般的に使用される方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。