如何用jQuery修改元素屬性及內(nèi)容

$(".demo").attr("_id","abc")

創(chuàng)新互聯(lián)長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為綿竹企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)，綿竹網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

//attr可以獲取或者給demo上添加自定義的_id屬性。

//如果修改class類名之類的，可以

$(".demo").addClass("abc")//添加class

$(".demo").removeClass("abc")//刪除class

jquery中可以用什么方法來獲取和設(shè)置元素屬性

attr方法可用2113來獲取或設(shè)置屬性5261，根據(jù)參數(shù)4102個數(shù)的不同來定時(shí)獲取還1653是設(shè)置內(nèi)，當(dāng)只有1個參數(shù)時(shí)容表示獲取屬性值，當(dāng)有2個參數(shù)時(shí)表示設(shè)置元素屬性。

例如將圖片的寬度設(shè)置成150：

$("img").attr("width","150");

//參數(shù)有width和150，所以是設(shè)置

例如獲取圖片的寬度：

$("img").attr("width");

//參數(shù)只有width,所以此時(shí)是獲取

jquery獲取一個元素有哪些屬性

$("元素表達(dá)式").attr("屬性名")

如：$("#textid").attr("width")是獲取id為textid的控件的width屬性

$(".classname").attr("width")是獲取包含class名為classname的控件的width屬性

$("[name=textname]").attr("width")是獲取name為textname的控件的width屬性

但要注意，jquery取到的可能是一個數(shù)組，如果確定屬性為同一值，則沒問題，否則應(yīng)該循環(huán)取得控件，再取屬性值

如：$("#textid")[0].width是取第一個控件的width屬性

但也有寫屬性用attr取不到，也需要用角標(biāo)的方式取得控件后在取屬性

在JQuery中,課用于獲取元素屬性值的方法是？

A、prop() 方法設(shè)置或返回被選元素的屬性和值。

當(dāng)該方法用于返回屬性值時(shí)，則返回第一個匹配元素的值。

當(dāng)該方法用于設(shè)置屬性值時(shí)，則為匹配元素集合設(shè)置一個或多個屬性/值對。

注意：prop() 方法應(yīng)該用于檢索屬性值，例如 DOM 屬性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

提示：如需檢索 HTML 屬性，請使用 attr() 方法代替。

提示：如需移除屬性，請使用 removeProp() 方法。

B、val() 方法返回或設(shè)置被選元素的值。

元素的值是通過 value 屬性設(shè)置的。該方法大多用于 input 元素。

如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前值。

C、removeAttr() 方法從被選元素中移除屬性。

D、設(shè)置或返回匹配元素的樣式屬性

故，此題選擇A

jquery怎么獲得元素data屬性值

jQuery獲取方法

data()方法

//HTML代碼?div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"/div

//獲取屬性

var appid = $("#myDiv").data("appid"); //123

var app-id = $("#myDiv").data("app-id"); //456

//屬性賦值?$("#myDiv").data("appid","666");

//最終HTML代碼?div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"/div

需要注意的是，data()的值進(jìn)行修改并不會影響到DOM元素上的data-*屬性的改變。data()的本質(zhì)其實(shí)是將一個 “cache” 附加到了對象上，并使用了一個特殊的屬性名稱。

所以上述代碼中，雖然對div進(jìn)行了data()賦值操作，但HTML代碼中div的data-appid的值仍然為123，因?yàn)閐ata()只是修改了緩存的那個值，此時(shí)進(jìn)行$('#myDiv').data("appid")的操作，輸出的結(jié)果為666.

js獲取data-*的方式

通過dataset屬性訪問

//HTML代碼

div id="myDiv" data-appid="123" data-myname="lsxj"/div

//js代碼

var div = document.getElementById("myDiv");

var appId = div.dataset.appid;//獲取data-appid的值

var myName = div.dataset.myname;//獲取data-myname的值

//設(shè)置值

div.dataset.appid = 456;

div.dataset.myname = "newname";

//最終HTML結(jié)果

div id="myDiv" data-appid="456" data-myname="newname"/div

dataset屬性的值是DOMStringMap的一個實(shí)例，名值對的映射。每個data-name形式的屬性都有一個對應(yīng)的屬性，只不過該屬性名沒有data-前綴。

兼容性：

需要注意的是，dataset中大小寫的問題。帶連字符連接的名稱在使用的時(shí)候需要命名駝峰化。例如data-my-name對應(yīng)的是dataset.myName的值。可看以下代碼

//將上面代碼的設(shè)置值部分進(jìn)行修改

div.dataset.appId = 789;

div.dataset.myName = "secondname";

//最終結(jié)果

div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"/div

分享文章：jquery元素屬性,jquery 屬性
本文路徑：http://chinadenli.net/article39/dsijdsh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、商城網(wǎng)站、云服務(wù)器、面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)