jQuery中 attr() 方法使用小結
更新時間：2015年05月03日 10:22:56 投稿：hebedich
jquery中用attr()方法來獲取和設置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經(jīng)常用到attr()
定義和用法
attr() 方法設置或返回被選元素的屬性值。
根據(jù)該方法不同的參數(shù)，其工作方式也有所差異。
實例1
設置被選元素的屬性和值。
<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>設置圖像的 width 屬性</button>
</body>
</html>
實例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)容了，希望大家能夠喜歡。
相關文章
jquery怎樣實現(xiàn)ajax聯(lián)動框(二)
ajax聯(lián)動框想必大家早有所耳聞，接下來將介紹jquery實現(xiàn)另一種形式的聯(lián)動框，右邊的聯(lián)動框用jquery生成，仿照上篇的js方法修改的，感興趣的你可以參考下希望可以幫助到你2013-03-03
幾行代碼輕松搞定jquery實現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實現(xiàn)flash8類似的連接效果...2007-05-05
在本篇文章里小編給大家分享了關于JQuery判斷radio單選框是否選中并獲取值的方法，需要的朋友們可以學習下。2019-01-01
這篇文章主要介紹了一個jquery驗證手機號是否正確的實踐案例，利用正則表達式進行驗證，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了使用JQuery自動完成插件Auto Complete詳解,使用JQuery自動完成插件，更新現(xiàn)有圖書列表頁面上的搜索，當用戶鍵入的時候立即顯示結果。,需要的朋友可以參考下2019-06-06
實現(xiàn)錨點鏈接之間的平滑滾動的方法有很多，在接下來的文章中為大家介紹下，jquery是如何實現(xiàn)的，感興趣的朋友不要錯過2013-12-12
本文為大家介紹關于jQuery參考實例 1.0 jQuery的哲學，有需要的朋友可以參考一下。2013-04-04
下面小編就為大家?guī)硪黄猨Query基礎知識點總結(DOM操作)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了Jquery實現(xiàn)簡單的輪播效果(代碼管用) 的相關資料,需要的朋友可以參考下2016-03-03
基于jquery實現(xiàn)可定制的web在線富文本編輯器附源碼下載
UEditor的功能非常強大，官方已配備了php,asp,asp.net,java等語言的上傳程序，拿來就可以使用，當然ueditor更具有功能插件接口，很輕松地添加自己定義功能到編輯器中，方便項目的不同需求2015-11-11