jquery怎么獲得元素data屬性值

jQuery獲取方法

成都創(chuàng)新互聯(lián)專注于松溪企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),成都商城網(wǎng)站開發(fā)。松溪網(wǎng)站建設(shè)公司,為松溪等地區(qū)提供建站服務(wù)。全流程按需開發(fā)網(wǎng)站，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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()只是修改了緩存的那個值，此時進(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中大小寫的問題。帶連字符連接的名稱在使用的時候需要命名駝峰化。例如data-my-name對應(yīng)的是dataset.myName的值?？煽匆韵麓a

//將上面代碼的設(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怎么獲取name屬性的值

1、編寫基礎(chǔ)的HTML文檔。

2、使用.val()獲取值。

3、保存文件，查看屬性選擇器獲取的值。

4、然后在script里添加一個function，按鈕事件的函數(shù)。使用jquery的 attr方法來設(shè)置屬性就行了，參數(shù)第一個是要添加的屬性名，第二個就是屬性的值。這里我們?yōu)閐iv添加一個id屬性。

5、保存文件，查看.attr()就可以獲取的屬性值。

jQuery如何獲取指定的屬性值

在jQuery輸入元素表達(dá)式屬性名即可得到。

如：

1.$("#textId").attr("width")是獲取Id為textId的控件的width屬性。

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

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

但要注意，jquery取到的可能是一個數(shù)組，如果確定屬性為同一值，則沒問題，否則應(yīng)該循環(huán)取得控件，再取屬性值。如：$("#textId")[0].width是取第一個控件的width屬性。但也有寫屬性用attr取不到，也需要用角標(biāo)的方式取得控件后再取屬性。

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery怎么獲取style里面的屬性值

jquery獲取style的屬性值有兩種方法

第一種是getElementById() 方法。它可以返回對擁有指定 ID 的第一個對象的引用。在操作文檔的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文檔中）唯一的名稱，然后就可以用該 ID 查找想要的元素。

第二種是getElementsByName() 方法，它可以返回帶有指定名稱的對象的集合。該方法與getElementById() 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。另外，因?yàn)橐粋€文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所有 getElementsByName() 方法返回的是元素的數(shù)組，而不是一個元素。

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中,課用于獲取元素屬性值的方法是？

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