JS中Attr的用法詳解
更新時(shí)間:2017年10月09日 14:15:33 作者:he140622
本文通過實(shí)例代碼給大家介紹了js中的attr的用法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧
具體代碼如下所示:
<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", "還是嗎?");//將第二個(gè)li的title的值改變 //使用attr(name, fn)設(shè)置屬性的函數(shù)值 $("ul li:eq(1)").attr("title", function(){ return "我就不信"; });//將第二個(gè)li的title的值改變 alert($("ul li:eq(1)").attr("title"));//我就不信 //使用attr(name, properties)將一個(gè)“名/值”形式的對(duì)象設(shè)置為所有匹配元素的屬性 $("ul li:eq(1)").attr({title: "第一個(gè)", alt: "第二個(gè)"}); alert($("ul li:eq(1)").attr("title"));//第一個(gè) alert($("ul li:eq(1)").attr("alt"));//第二個(gè) }); }); </script> <p title="你最喜歡的水果是。">你最喜歡的水果是?</p> <ul> <li title="蘋果汁">蘋果</li> <li title="橘子汁" name="好吃" alt="123">橘子</li> <li title="菠蘿汁">菠蘿</li> </ul> <input type="button" value="點(diǎn)擊" id="btn"/>
總結(jié)
以上所述是小編給大家介紹的JS中Attr的用法詳解,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javaScript如何處理從java后臺(tái)返回的list
把List集合轉(zhuǎn)成json格式傳到界面上,這樣js里面操作也簡單,具體的解決方法如下,大家可以參考學(xué)習(xí)下2014-04-04JavaScript基礎(chǔ)之文件上傳與下載的實(shí)現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)文件上傳與下載功能的相關(guān)資料,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以學(xué)習(xí)一下2023-01-01使用Plupload實(shí)現(xiàn)直接上傳附件至七牛云存儲(chǔ)
這篇文章主要介紹了使用Plupload實(shí)現(xiàn)直接上傳附件至七牛云存儲(chǔ),需要的朋友可以參考下2014-12-12javascript時(shí)間自動(dòng)刷新實(shí)現(xiàn)原理與步驟
javascript時(shí)間自動(dòng)刷新在應(yīng)用中很常見,本人今天整理了一些,感興趣的朋友可以參考下哦2013-01-01