jQuery 元素的屬性操作用 元素值

2021-08-29 18:51:40 字數 1130 閱讀 3520

// 第乙個引數表示:要設定的屬性名稱

// 第二個引數表示:改屬性名稱對應的值

$(selector)

.attr

(「title」, 「傳智播客」)

;

此時,返回指定屬性的值

// 引數為:要獲取的屬性的名稱,改操作會返回指定屬性對應的值

$(selector)

.attr

(「title」)

;

// 引數為:要移除的屬性的名稱

$(selector).removeattr(「title」);

checked、selected、disabled要使用.prop()方法。

prop方法通常用來影響dom元素的動態狀態,而不是改變的html屬性。

prop方法使用與上面一致

例如:input和button的disabled特性,以及checkbox的checked特性。

細節參考:

作用:設定或返回表單元素的值,例如:input,select,textarea的值

// 獲取匹配元素的值,只匹配第乙個元素

$(selector)

.val()

;// 設定所有匹配到的元素的值

$(selector)

.val

(「具體值」)

;

作用:設定或獲取匹配元素的文字內容

//獲取操作不帶引數(注意:這時候會把所有匹配到的元素內容拼接為乙個字串,不同於其他獲取操作!)

$(selector)

.text()

;//設定操作帶引數,引數表示要設定的文字內容

$(selector)

.text

(「我是內容」)

;

jQuery操作元素屬性

返回或設定被選元素的屬性和值 當返回屬性值時,則返回第乙個匹配元素的值 當設定屬性值時,則為匹配元素集合設定乙個或多個屬性 值對 語法格式 返回屬性的值 selector prop property 設定屬性和值 selector prop property,value 使用函式設定屬性和值 sel...

Jquery操作元素屬性

1.獲取元素的屬性 btn attr property property可以使元素的樣式屬性,如style或value等 2.0設定元素的屬性 btn attr 屬性名稱 屬性值 btn attr type text 2.1.設定元素的多個屬性 btn attr 屬性名稱 屬性值 btn attr ...

使用jQuery操作元素屬性

在jquery中,提供了attr函式來操作元素屬性,具體如下 函式名 說明例子 attr name 取得第乙個匹配元素的屬性值.input attr value attr property 將乙個 名 值 形式的物件設定為所有匹配元素的屬性 input attr attr key,value 為所有...