jquery怎么獲得元素data屬性值

jQuery獲取方法

創新互聯-專業網站定制、快速模板網站建設、高性價比輝南網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式輝南網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋輝南地區。費用合理售后完善，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()的本質其實是將一個 “cache” 附加到了對象上，并使用了一個特殊的屬性名稱。

所以上述代碼中，雖然對div進行了data()賦值操作，但HTML代碼中div的data-appid的值仍然為123，因為data()只是修改了緩存的那個值，此時進行$('#myDiv').data("appid")的操作，輸出的結果為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的值

//設置值

div.dataset.appid = 456;

div.dataset.myname = "newname";

//最終HTML結果

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

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

兼容性：

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

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

div.dataset.appId = 789;

div.dataset.myName = "secondname";

//最終結果

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取到的可能是一個數組，如果確定屬性為同一值，則沒問題，否則應該循環取得控件，再取屬性值

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

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

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

attr方法可用2113來獲取或設置屬性5261，根據參數4102個數的不同來定時獲取還1653是設置內，當只有1個參數時容表示獲取屬性值，當有2個參數時表示設置元素屬性。

例如將圖片的寬度設置成150：

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

//參數有width和150，所以是設置

例如獲取圖片的寬度：

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

//參數只有width,所以此時是獲取

使用jQuery按name屬性選擇元素

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

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

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

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

語法：

示例：

輸出：

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

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

語法：

示例：

輸出：

更多 web開發 相關知識，請查閱 HTML中文網 ！！

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

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

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

當該方法用于設置屬性值時，則為匹配元素集合設置一個或多個屬性/值對。

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

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

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

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

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

如果該方法未設置參數，則返回被選元素的當前值。

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

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

故，此題選擇A

標題名稱：jquery獲取元素屬性,jquery獲取和設置元素屬性
網頁鏈接：http://vcdvsql.cn/article44/dsdieee.html

成都網站建設公司_創新互聯，為您提供小程序開發、手機網站建設、網站策劃、軟件開發、Google、網站設計

廣告

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