JQuery中attr方法和removeAttr方法用法實例
更新時間：2015年05月18日 14:48:18 作者：永遠(yuǎn)愛好寫程序
這篇文章主要介紹了JQuery中attr方法和removeAttr方法用法,實例分析了jQuery中attr方法設(shè)置屬性與removeAttr方法移除屬性的使用技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了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對象(注意:此時$divs中有兩個div的dom元素)
//$divs.eq(1).attr("MyAttr", "Ronaldo1");
//alert($divs.attr("MyAttr"));
//讀取MyAttr屬性，注意，只會讀取出第一個元素的該屬性
//----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>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
json+jQuery實現(xiàn)的無限級樹形菜單效果代碼
這篇文章主要介紹了json+jQuery實現(xiàn)的無限級樹形菜單效果代碼,涉及jquery針對json數(shù)據(jù)的遍歷、讀取及動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jquery遍歷table的tr獲取td的值實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query遍歷table的tr獲取td的值實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
解決jQuery uploadify在非IE核心瀏覽器下無法上傳
之前上傳了一個通過Flash實現(xiàn)多文件上傳，但是在IE正常運(yùn)行，F(xiàn)ireFox 不能正常上傳。經(jīng)過反復(fù)研究學(xué)習(xí)，之所以firefox和360瀏覽器無法正常運(yùn)行，是因為FireFox、chrome、360瀏覽器等支持HTML5的瀏覽器不會再文件上傳時自動帶入session信息和cookie，不共享session。2015-08-08
這篇文章主要介紹了jQuery實現(xiàn)二級下拉菜單效果的相關(guān)資料,二級下拉菜單在實際應(yīng)用中非常的常見，比如企業(yè)網(wǎng)站的產(chǎn)品分類，或者部門分類等等，需要的朋友可以參考下2016-02-02
利用imgareaselect輔助后臺實現(xiàn)圖片上傳裁剪
這篇文章主要為大家詳細(xì)介紹了利用imgareaselect輔助后臺實現(xiàn)圖片裁剪的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
Jquery的擴(kuò)展方法extend是我們在寫插件的過程中常用的方法，該方法有一些重載原型，在此，我們一起去了解了解2012-02-02
這篇文章主要介紹了jQuery對下拉框,單選框,多選框的操作需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery文本框得到與失去焦點動態(tài)改變樣式效果,涉及jQuery針對頁面表單元素樣式的動態(tài)操作技巧,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
點擊彈出層外區(qū)域關(guān)閉彈出層jquery特效示例
擊彈出層 ，點擊彈出層外區(qū)域關(guān)閉彈出層，點擊關(guān)閉關(guān)閉彈出層jquery特效，具體代碼如下，喜歡的朋友可以學(xué)習(xí)下2013-08-08