如何使用JQuery給自定義屬性賦值取值

使用JQuery給自定義屬性賦值取值

創(chuàng)新互聯(lián)主要業(yè)務有網站營銷策劃、成都做網站、網站設計、微信公眾號開發(fā)、成都小程序開發(fā)、H5技術、程序開發(fā)等業(yè)務。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當客戶，還把客戶視為我們的合作伙伴，在開展業(yè)務的過程中，公司還積累了豐富的行業(yè)經驗、成都全網營銷資源和合作伙伴關系資源，并逐漸建立起規(guī)范的客戶服務和保障體系。 

jQuery?屬性操作?-?attr()?方法

定義和用法

attr()?方法設置或返回被選元素的屬性值。

一、返回屬性值

返回被選元素的屬性值。

語法

$(selector).attr(attribute)

參數(shù)描述

attribute????規(guī)定要獲取其值的屬性。

$(selector).attr(attribute)

html

head

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

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

alert("Image?width?"?+?$("img").attr("width"));

});

});

/script

/head

body

img?src="/i/eg_smile.gif"?width="128"?height="128"?/

br?/

button返回圖像的寬度/button

/body

/html

二、設置屬性/值

設置被選元素的屬性和值。

語法

$(selector).attr(attribute,value)

參數(shù)描述

attribute????規(guī)定屬性的名稱。 ? ?

value????規(guī)定屬性的值。

$(selector).attr(attribute,value)

html

head

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

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

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

});

});

/script

/head

body

img?src="/i/eg_smile.gif"?/

br?/

button設置圖像的?width?屬性/button

/body

/html

Jquery怎么獲取select選中項 自定義屬性的值

$("select

option:selected").attr("自定義屬性名");

//自定義屬性名稱前加data-

這樣更符合html5的規(guī)范，例如

option

data-name="hi"XXX/option,這樣可以使用另一種方法獲取自定義屬性的值

$("select

option:selected").data("name");//這樣可以獲取到上面data-name的值

jquery怎么獲取元素的自定義屬性

刪除

這里的action="delete"就是自定義屬性

var action = $('.myclass').attr('action');

alert('自定義屬性action的值為：'+action);attr方法可以設置和獲取元素的屬性

jquery獲取當前點擊的a標簽的自定義屬性

$(".dd a").click(function(){

var aData = $(this).attr('data')

});

JQ 有兩個可以獲取標簽屬性的方法: attr() 和 prop(), 兩者雖然都是可以獲取標簽屬性的值, 但是

attr是獲取自定義屬性的值; 而prop是獲取標簽自帶的屬性值, 比如href等等

JQ的attr和prop方法都不止能夠獲取標簽屬性的值, 還可以重新給標簽的屬性賦值:

$().attr('屬性名', 需賦的值);

$().prop('屬性名', 需賦的值);

PS: 以后如果再提問的話 可以注意下代碼的格式 也方便別人瀏覽理解代碼 雖然你這個很簡單很簡單 但是 格式很重要 以后跟別人合作 代碼格式更重要