JQuery中attr方法和removeAttr方法用法實(shí)例
更新時(shí)間：2015年05月18日 14:48:18 作者：永遠(yuǎn)愛(ài)好寫(xiě)程序
這篇文章主要介紹了JQuery中attr方法和removeAttr方法用法,實(shí)例分析了jQuery中attr方法設(shè)置屬性與removeAttr方法移除屬性的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JQuery中attr方法和removeAttr方法用法。分享給大家供大家參考。具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div{width:100px;margin:0px auto;border:1px solid red;}
</style>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnChange").click(function () {
var $divs = $("div");
//----1.舉例1
//$divs.eq(0).attr("MyAttr", "Ronaldo");
//eq返回指定下標(biāo)的JQuery對(duì)象(注意:此時(shí)$divs中有兩個(gè)div的dom元素)
//$divs.eq(1).attr("MyAttr", "Ronaldo1");
//alert($divs.attr("MyAttr"));
//讀取MyAttr屬性，注意，只會(huì)讀取出第一個(gè)元素的該屬性
//----2.舉例2 使用JSon格式設(shè)置attr
//$divs.eq(0).attr({ "MyAttr": "Ronaldo", "Age": "19" });
//$divs.eq(1).attr({ "MyAttr": "Rivaldo", "Age": "29" });
//alert("MyAttr:" + $divs.eq(1).attr("MyAttr") + ",Age:" + $divs.eq(1).attr("Age"));
//----3.舉例3 移除屬性
$divs.eq(0).attr({ "MyAttr": "Ronaldo", "Age": "19" });
$divs.eq(1).attr({ "MyAttr": "Rivaldo", "Age": "29" });
alert("MyAttr:" + $divs.eq(1).attr("MyAttr") + ",Age:" + $divs.eq(1).attr("Age"));
$divs.eq(1).removeAttr("Age");
alert("MyAttr:" + $divs.eq(1).attr("MyAttr") + ",Age:" + $divs.eq(1).attr("Age"));
});
});
</script>
</head>
<body>
<input id="btnChange" type="button" value="Click Me" />
<div id="div1">我是div1</div>
<div id="div2">我是div2</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
json+jQuery實(shí)現(xiàn)的無(wú)限級(jí)樹(shù)形菜單效果代碼
這篇文章主要介紹了json+jQuery實(shí)現(xiàn)的無(wú)限級(jí)樹(shù)形菜單效果代碼,涉及jquery針對(duì)json數(shù)據(jù)的遍歷、讀取及動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
解決jQuery uploadify在非IE核心瀏覽器下無(wú)法上傳
之前上傳了一個(gè)通過(guò)Flash實(shí)現(xiàn)多文件上傳，但是在IE正常運(yùn)行，F(xiàn)ireFox 不能正常上傳。經(jīng)過(guò)反復(fù)研究學(xué)習(xí)，之所以firefox和360瀏覽器無(wú)法正常運(yùn)行，是因?yàn)镕ireFox、chrome、360瀏覽器等支持HTML5的瀏覽器不會(huì)再文件上傳時(shí)自動(dòng)帶入session信息和cookie，不共享session。2015-08-08
基于jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果的相關(guān)資料,二級(jí)下拉菜單在實(shí)際應(yīng)用中非常的常見(jiàn)，比如企業(yè)網(wǎng)站的產(chǎn)品分類，或者部門(mén)分類等等，需要的朋友可以參考下2016-02-02
利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片上傳裁剪
這篇文章主要為大家詳細(xì)介紹了利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片裁剪的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Jquery的擴(kuò)展方法extend是我們?cè)趯?xiě)插件的過(guò)程中常用的方法，該方法有一些重載原型，在此，我們一起去了解了解2012-02-02
這篇文章主要介紹了jQuery對(duì)下拉框,單選框,多選框的操作需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果
這篇文章主要介紹了jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果,涉及jQuery針對(duì)頁(yè)面表單元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
點(diǎn)擊彈出層外區(qū)域關(guān)閉彈出層jquery特效示例
擊彈出層 ，點(diǎn)擊彈出層外區(qū)域關(guān)閉彈出層，點(diǎn)擊關(guān)閉關(guān)閉彈出層jquery特效，具體代碼如下，喜歡的朋友可以學(xué)習(xí)下2013-08-08