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

jqueryはカスタム属性を取得できますか?

WBOY

リリース： 2022-05-18 16:58:03

オリジナル

2087 人が閲覧しました

jquery はカスタム属性を取得できます。attr() メソッドを使用してカスタム属性を取得できます。このメソッドは、カスタム属性を含む、選択された要素の属性値を設定または返すために使用されます。パラメーターでのみ指定されている場合属性を取得する場合は、指定した属性値が返され、構文は「要素オブジェクト.attr(カスタム属性)」となります。

jqueryはカスタム属性を取得できますか?

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

jquery はカスタム属性を取得できますか?

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

このメソッドのさまざまなパラメータに応じて、その動作方法も異なります。

選択した要素の属性値を返します。

Syntax

$(selector).attr(attribute)

ログイン後にコピー

attribute は、値を取得する属性を指定します。

例は次のとおりです:

属性属性の取得-attr()

<div id="tiny" value="1090"></div>

ログイン後にコピー

jquery 値:

 $("#tiny").attr("value");

ログイン後にコピー

カスタム属性の取得

<div id="tiny" value="1090" data_obj="userDefineAttr"></div>

ログイン後にコピー

jquery値:

$("#tiny").attr("data_obj");

ログイン後にコピー

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("img").attr("city"));
  });
});
</script>
</head>
<body>
<img  src="/i/eg_smile.gif"    style="max-width:90%"  style="max-width:90%" city="hefei"/ alt="jqueryはカスタム属性を取得できますか?" >
<br />
<button>返回图像的宽度</button>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryはカスタム属性を取得できますか?