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

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

創(chuàng)新互聯(lián)專注于雞西梨樹企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城系統(tǒng)網(wǎng)站開發(fā)。雞西梨樹網(wǎng)站建設(shè)公司,為雞西梨樹等地區(qū)提供建站服務(wù)。全流程按需求定制設(shè)計，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

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

例如獲取圖片的寬度：

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

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

jquery怎么獲得元素的屬性id值？

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

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

$("[name=textName]").attr("width")是獲tml xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title獲取元素屬性/title

script type="text/javascript" src="jquery.js"/script

style type="text/css"

a{text-decoration:none;}

li{list-style-type:none; }

取name為textName的控件的width屬性。

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

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

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

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

A、prop() 方法設(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ù)，則返回被選元素的當前值。

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

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

故，此題選擇A

jquery怎么獲取一個元素指定屬性的值

$(this).parent().find("i[isShow='fou']")

該元素就是屬性isshow為fou的i元素，注意引號。

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（ 或JavaScript框架）。jQuery設(shè)計的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。

它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。

jQuery的模塊可以分為：入口模塊、底層支持模塊和功能模塊。其核心特性可以總結(jié)為：具有獨特的鏈式語法和短小清晰的多功能接口。

具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

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()的值進行修改并不會影響到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的值。可看以下代碼

//將上面代碼的設(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元素屬性值,jquery 屬性
分享URL：http://chinadenli.net/article35/dsgihsi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、手機網(wǎng)站建設(shè)、App開發(fā)、、網(wǎng)站維護、建站公司

廣告

聲明：本網(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)