jquery はカスタム屬性を取得できます。attr() メソッドを使用してカスタム屬性を取得できます。このメソッドは、カスタム屬性を含む、選択された要素の屬性値を設(shè)定または返すために使用されます。パラメーターでのみ指定されている場(chǎng)合屬性を取得する場(chǎng)合は、指定した屬性値が返され、構(gòu)文は「要素オブジェクト.attr(カスタム屬性)」となります。
このチュートリアルの動(dòng)作環(huán)境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery はカスタム屬性を取得できますか?
attr() メソッドは、選択した要素の屬性値を設(shè)定または返します。
このメソッドのさまざまなパラメータに応じて、その動(dòng)作方法も異なります。
選択した要素の屬性値を返します。
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="/static/imghw/default1.png" data-src="/i/eg_smile.gif" class="lazy" style="max-width:90%" style="max-width:90%" city="hefei"/ alt="jqueryはカスタム屬性を取得できますか?" >
<br />
<button>返回圖像的寬度</button>
</body>
</html>出力結(jié)果:
ボタンをクリックした後:
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryはカスタム屬性を取得できますか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。