jquery可以取得自訂屬性；可以利用attr()方法來取得自訂屬性，該方法用於設定或傳回被選元素的屬性值，包括自訂屬性，當參數中只規定要取得的屬性時，就會傳回指定的屬性值，語法為「元素物件.attr(自訂屬性)」。
本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery可以取得自訂屬性嗎
attr() 方法設定或傳回被選元素的屬性值。
根據該方法不同的參數，其工作方式也有所差異。
傳回被選元素的屬性值。
語法
1 | $(selector).attr(attribute)
|
登入後複製
attribute 規定要取得其值的屬性。
範例如下：
取得屬性-attr()
1 | <div id="tiny" value="1090"></div>
|
登入後複製
jquery取值：
1 | $("#tiny").attr("value");
|
登入後複製
#取得自訂屬性
1 | <div id="tiny" value="1090" data_obj="userDefineAttr"></div>
|
登入後複製
jquery取值：
1 | $("#tiny").attr("data_obj");
|
登入後複製
範例如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <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>
|
登入後複製
輸出結果：
########################### ####點擊按鈕後：###############相關影片教學推薦：###jQuery影片教學#######
以上是jquery可以取得自訂屬性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
