JQuery中attr方法和removeAttr方法用法實(shí)例
本文實(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)文章
jQuery EasyUI API 中文文檔 - TreeGrid 樹(shù)表格使用介紹
jQuery EasyUI API 中文文檔 - TreeGrid 樹(shù)表格使用介紹,需要的朋友可以參考下。2011-11-11
jQuery?UI旋轉(zhuǎn)器部件Spinner?Widget
這篇文章介紹了jQuery?UI旋轉(zhuǎn)器部件Spinner?Widget,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
騰訊與新浪的通過(guò)IP地址獲取當(dāng)前地理位置(省份)的接口
通過(guò)IP地址獲取當(dāng)前地理位置(省份)的接口,方便大家可以直接使用結(jié)合自己的系統(tǒng)。2010-07-07
jQuery實(shí)現(xiàn)加入購(gòu)物車(chē)飛入動(dòng)畫(huà)效果
當(dāng)您在電商購(gòu)物網(wǎng)站瀏覽中意的商品時(shí),您可以點(diǎn)擊頁(yè)面中的“加入購(gòu)物車(chē)”按鈕即可將商品加入的購(gòu)物車(chē)中。本文介紹借助一款基于jQuery的動(dòng)畫(huà)插件,點(diǎn)擊加入購(gòu)物車(chē)按鈕時(shí),實(shí)現(xiàn)商品將飛入到右側(cè)的購(gòu)物車(chē)中的效果。2015-03-03
jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
textarea和select的值clone的時(shí)候會(huì)丟掉,在clone的時(shí)候?qū)al再重新賦值一下,如果知道這個(gè)了就加單了2014-06-06
JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼
這篇文章主要介紹了JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼,具有一定的參考價(jià)值,需要的朋友可以參考下2016-12-12
自定義類(lèi)似于jQuery UI Selectable 的Vue指令v-selectable
這篇文章主要介紹了自定義類(lèi)似于jQuery UI Selectable 的Vue指令v-selectable的相關(guān)資料,需要的朋友可以參考下2017-08-08
javascript中對(duì)Attr(dom中屬性)的操作示例講解
這篇文章主要是對(duì)javascript中對(duì)Attr(dom中屬性)的操作進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
jQuery css() 方法動(dòng)態(tài)修改CSS屬性
在jquery中我們要?jiǎng)討B(tài)的修改css屬性我們只要使用css()方法就可以實(shí)現(xiàn)了,下面我來(lái)給各位同學(xué)詳細(xì)介紹介紹。2016-09-09

