jquery可以獲得自定義屬性;可以利用attr()方法來獲取自定義屬性,該方法用于設置或返回被選元素的屬性值,包括自定義屬性,當參數(shù)中只規(guī)定要獲取的屬性時,就會返回指定的屬性值,語法為“元素對象.attr(自定義屬性)”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery可以獲得自定義屬性嗎
attr() 方法設置或返回被選元素的屬性值。
根據(jù)該方法不同的參數(shù),其工作方式也有所差異。
返回被選元素的屬性值。
語法
$(selector).attr(attribute)
attribute 規(guī)定要獲取其值的屬性。
示例如下:
獲取屬性-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" width="128" height="128" city="hefei"/> <br /> <button>返回圖像的寬度</button> </body> </html>
輸出結果:
點擊按鈕后:
相關視頻教程推薦:jQuery視頻教程