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