日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

JQuery中的.attr()与.removeAttr()

發(fā)布時(shí)間：2023/12/31 编程问答 47 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JQuery中的.attr()与.removeAttr() 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
每個(gè)元素都有一個(gè)或者多個(gè)特性，這些特性的用途就是給出相應(yīng)元素或者其內(nèi)容的附加信息。如：在img元素中，src就是元素的特性，用來標(biāo)記圖片的地址。

在JS中，我們經(jīng)常使用到的DOM，操作特性方法主要有3個(gè)，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在實(shí)際操作中還是會(huì)存在很多問題，這里先不說。而在jQuery中用一個(gè)attr()與removeAttr()就可以全部搞定了，包括兼容問題，JQuery是不是很酷啊，呵呵呵呵！

jQuery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會(huì)經(jīng)常用到attr()。attr()有4個(gè)表達(dá)式如下：

1.attr(傳入屬性名)：獲取屬性的值
2.attr(屬性名, 屬性值)：設(shè)置屬性的值
3.attr(屬性名,函數(shù)值)：設(shè)置屬性的函數(shù)值
4.attr(attributes)：給指定元素設(shè)置多個(gè)屬性值，即：{屬性名一: “屬性值一” , 屬性名二: “屬性值二” , … … }

removeAttr()刪除方法也是經(jīng)常出現(xiàn)的呢。

.removeAttr( attributeName ) : 為匹配的元素集合中的每個(gè)元素中移除一個(gè)屬性（attribute）

優(yōu)點(diǎn)：

attr、removeAttr都是jQuery為了屬性操作封裝的，直接在一個(gè) jQuery 對象上調(diào)用該方法，很容易對屬性進(jìn)行操作，也不需要去特意的理解瀏覽器的屬性名不同的問題。

注意：

dom中有個(gè)概念的區(qū)分：Attribute和Property翻譯出來都是“屬性”，《js高級程序設(shè)計(jì)》書中翻譯為“特性”和“屬性”。簡單理解，Attribute就是dom節(jié)點(diǎn)自帶的屬性。而Property是這個(gè)DOM元素作為對象，其附加的內(nèi)容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法進(jìn)行取值或賦值等。
實(shí)戰(zhàn)一下吧：

<!DOCTYPE html> <html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title></title><style>input {display : block;margin : 10px;padding : 10px;background : #bbffaa;border : 1px solid #ccc;}</style><script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head><body><h2>.attr()與.removeAttr()</h2><h3>.attr</h3><form><input type="text" value="設(shè)置value" /><input type="text" value="獲取value"/><input type="text" value="回調(diào)拼接value" /><input type="text" value="刪除value" /></form><script type="text/javascript">//找到第一個(gè)input，通過attr設(shè)置屬性value的值$("input:first").attr('value','.attr( attributeName, value )')</script><script type="text/javascript">//找到第二個(gè)input，通過attr獲取屬性value的值$("input:eq(1)").attr('value')</script><script type="text/javascript">//找到第三個(gè)input，通過使用一個(gè)函數(shù)來設(shè)置屬性//可以根據(jù)該元素上的其它屬性值返回最終所需的屬性值//例如，我們可以把新的值與現(xiàn)有的值聯(lián)系在一起：$("input:eq(2)").attr('value',function(i, val){return '通過function設(shè)置' + val})</script><script type="text/javascript">//找到第四個(gè)input，通過使用removeAttr刪除屬性$("input:eq(3)").removeAttr('value')</script></body></html>

總結(jié)

以上是生活随笔為你收集整理的JQuery中的.attr()与.removeAttr()的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。