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