jQuery中 attr() 方法使用小結(jié)
更新時間：2015年05月03日 10:22:56 投稿：hebedich
jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經(jīng)常用到attr()
定義和用法
attr() 方法設(shè)置或返回被選元素的屬性值。
根據(jù)該方法不同的參數(shù)，其工作方式也有所差異。
實(shí)例1
設(shè)置被選元素的屬性和值。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" />
<br />
<button>設(shè)置圖像的 width 屬性</button>
</body>
</html>
實(shí)例2
返回被選元素的屬性值。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert("Image width " + $("img").attr("width"));
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" width="128" height="128" />
<br />
<button>返回圖像的寬度</button>
</body>
</html>
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
ID是html頁面中一些元素都可以有個本頁面唯一的id包括如,div,input,iframe等等都是可以的,下面我來給大家介紹利用jquery 獲取id值方法,有需要了解的朋友可參考2013-09-09
這篇文章主要介紹了基于bootstrap3和jquery的分頁插件的相關(guān)資料,需要的朋友可以參考下2015-07-07
json+jQuery實(shí)現(xiàn)的無限級樹形菜單效果代碼
這篇文章主要介紹了json+jQuery實(shí)現(xiàn)的無限級樹形菜單效果代碼,涉及jquery針對json數(shù)據(jù)的遍歷、讀取及動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
本篇文章主要介紹了jQuery返回定位插件的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
本文主要是使用jDialog插件實(shí)現(xiàn)的彈出框效果，代碼十分簡介，需要的小伙伴自己參考下吧。
2015-04-04 
我們將探討不同的API jQuery來處理不同的瀏覽器事件,需要的朋友可以參考下
2012-12-12 
JQuery實(shí)現(xiàn)表格數(shù)據(jù)行上移與下移
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)表格數(shù)據(jù)行上移與下移，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02 
本文記錄了在項目中發(fā)現(xiàn)在IE9中不會立即觸發(fā)change事件，存在兼容問題的解決過程，非常的詳盡，解決過程中也有新問題出現(xiàn)，最終都解決完畢，完美實(shí)現(xiàn)了兼容各大主流瀏覽器
2014-12-12 
jquery實(shí)現(xiàn)表格行的上下移動和置頂
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)表格行的上下移動和置頂，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02