jquery怎么獲得元素data屬性值

jQuery獲取方法

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比輝南網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式輝南網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋輝南地區(qū)。費用合理售后完善，10余年實體公司更值得信賴。

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()的值進行修改并不會影響到DOM元素上的data-*屬性的改變。data()的本質(zhì)其實是將一個 “cache” 附加到了對象上，并使用了一個特殊的屬性名稱。

所以上述代碼中，雖然對div進行了data()賦值操作，但HTML代碼中div的data-appid的值仍然為123，因為data()只是修改了緩存的那個值，此時進行$('#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的一個實例，名值對的映射。每個data-name形式的屬性都有一個對應(yīng)的屬性，只不過該屬性名沒有data-前綴。

兼容性：

需要注意的是，dataset中大小寫的問題。帶連字符連接的名稱在使用的時候需要命名駝峰化。例如data-my-name對應(yīng)的是dataset.myName的值?？煽匆韵麓a

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

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獲取一個元素有哪些屬性

$("元素表達式").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中可以用什么方法來獲取和設(shè)置元素屬性

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

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

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

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

例如獲取圖片的寬度：

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

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

使用jQuery按name屬性選擇元素

給定一個HTML文檔，如何使用jQuery按name屬性選擇元素？下面本篇文章就來給大家介紹一下使用jQuery按name屬性選擇元素的方法，希望對大家有所幫助。

在jQuery中，可以使用2個方法通過name屬性選擇元素；下面就來通過示例來介紹一下。

方法1：使用name屬性選擇器

name屬性選擇器可用于按name屬性選擇元素。此選擇器選擇值與指定值完全相等的元素。

語法：

示例：

輸出：

方法2：使用javascript按名稱獲取元素并將其傳遞給jQuery

可以使用javascript getElementsByName()方法選擇所需的元素，并將其傳遞給jQuery函數(shù)，以進一步用作jQuery對象。

語法：

示例：

輸出：

更多 web開發(fā) 相關(guān)知識，請查閱 HTML中文網(wǎng) ?。?/p>

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

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

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

當(dāng)該方法用于設(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

標(biāo)題名稱：jquery獲取元素屬性,jquery獲取和設(shè)置元素屬性
網(wǎng)頁鏈接：http://jinyejixie.com/article44/dsdieee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、手機網(wǎng)站建設(shè)、網(wǎng)站策劃、軟件開發(fā)、Google、網(wǎng)站設(shè)計

廣告

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