JS中Attr的用法詳解

更新時間：2017年10月09日 14:15:33 作者：he140622

本文通過實例代碼給大家介紹了js中的attr的用法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧

具體代碼如下所示：

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#btn").click(function(){
      //使用attr(name)獲取屬性值：
      alert($("p").attr("title"));//你最喜歡的水果是。
      alert($("ul li:eq(1)").attr("title"));//橘子汁
      alert($("ul li:eq(1)").attr("alt"));//123
      //使用attr(name, value)改變屬性值：
      //$("ul li:eq(1)").attr("title", "還是嗎？");//將第二個li的title的值改變
      //使用attr(name, fn)設(shè)置屬性的函數(shù)值
      $("ul li:eq(1)").attr("title", function(){
          return "我就不信";
      });//將第二個li的title的值改變
      alert($("ul li:eq(1)").attr("title"));//我就不信
      //使用attr(name, properties)將一個“名/值”形式的對象設(shè)置為所有匹配元素的屬性
      $("ul li:eq(1)").attr({title: "第一個", alt: "第二個"});
      alert($("ul li:eq(1)").attr("title"));//第一個
      alert($("ul li:eq(1)").attr("alt"));//第二個
    });
  });
</script>
<p title="你最喜歡的水果是。">你最喜歡的水果是？</p>
<ul>
  <li title="蘋果汁">蘋果</li>
  <li title="橘子汁" name="好吃" alt="123">橘子</li>
  <li title="菠蘿汁">菠蘿</li>
</ul>
<input type="button" value="點擊" id="btn"/>

總結(jié)

以上所述是小編給大家介紹的JS中Attr的用法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScript讓IE瀏覽器event對象符合W3C DOM標(biāo)準(zhǔn)
IE瀏覽器event對象跟W3C實現(xiàn)的不一樣.所以自己封裝一個EventUtil類來讓IE瀏覽器的event對象與W3C一樣.
2009-11-11
用js來獲取上傳的文件名純粹是為了美化而用
用js來獲取上傳的文件名其實純粹是為了美化，友好。但是，可不是網(wǎng)上流傳的那樣，用 path.substring()的方法，下面有個不錯的示例，感興趣的朋友可以參考下
2013-10-10
JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式
這篇文章主要介紹了JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06
DOM節(jié)點的替換或修改函數(shù)replaceChild()用法實例
這篇文章主要介紹了DOM節(jié)點的替換或修改函數(shù)replaceChild()用法,實例分析了replaceChild()替換DOM節(jié)點的使用技巧,需要的朋友可以參考下
2015-01-01
Asp.Net alert彈出提示信息的幾種方法總結(jié)
本篇文章主要是對Asp.Net alert彈出提示信息的幾種方法進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
基于JS實現(xiàn)二維碼名片生成的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實現(xiàn)生成二維碼名片的功能，文中的示例代碼簡潔易懂，感興趣的小伙伴可以動手嘗試一下
2022-06-06
form+iframe解決跨域上傳文件的方法
下面小編就為大家?guī)硪黄猣orm+iframe解決跨域上傳文件的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
SelectPage v2.4 發(fā)布新增純下拉列表和關(guān)閉分頁功能
下拉分頁選擇插件 SelectPage v2.4 發(fā)布了，新增純下拉列表和關(guān)閉分頁功能，下面通過本文給大家啊介紹SelectPage的相關(guān)知識，感興趣的的朋友一起看看吧
2017-09-09
純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例
實現(xiàn)了六款簡單常見HTML5 Canvas特效濾鏡，并且封裝成一個純JavaScript可調(diào)用的API文件gloomyfishfilter.js，程序源代碼如下，感興趣的朋友可以參考下哈
2013-06-06
JavaScript判斷數(shù)組類型的方法
這篇文章主要介紹了JavaScript判斷數(shù)組類型的方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-10-10