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è)“名/值”形式的對象設(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的用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript基礎(chǔ)之文件上傳與下載的實(shí)現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)文件上傳與下載功能的相關(guān)資料,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以學(xué)習(xí)一下2023-01-01
使用Plupload實(shí)現(xiàn)直接上傳附件至七牛云存儲
這篇文章主要介紹了使用Plupload實(shí)現(xiàn)直接上傳附件至七牛云存儲,需要的朋友可以參考下2014-12-12
javascript時(shí)間自動刷新實(shí)現(xiàn)原理與步驟
javascript時(shí)間自動刷新在應(yīng)用中很常見,本人今天整理了一些,感興趣的朋友可以參考下哦2013-01-01

