jQuery學習之元素屬性

2021-07-04 05:14:09 字數 1356 閱讀 8094

1.操作元素的屬性

each(iterator)

2.獲取特性值

attr(name) 獲取屬性值

3.設定特性值

attr(name,value) 設定屬性值

value可以是函式,字串等

4.刪除特性值

removeattr(name)

5.特性帶來的快樂

1.增加和刪除類名

addclass

removeclass

toggleclass 如果元素中已經含有指定類名,則刪除,否則,新增

2.獲取和設定樣式

.css(name,value)

.css(properties)

.width(value) .height(value)

.width() .height()

3.樣式相關的命令

hasclass(name)

$('p:first').attr('class').split(' ')

$.fn.getclassnames = function()else

};1.替換html或者文字內容

.html()

.html(content)

.text()

.text(content)

2.移動和複製元素

content指被追加到包裝集各元素的乙個字串、元素或者包裝集

target乙個包含jquery選擇器的字串,或者乙個dom元素。包裝集的各元素

將追加到target所指定的位置。

與此相近的prehend和prehendto

before和insertbefore

after和insertafter

3.包裹元素

wrap wrapall wrapinner

4.刪除元素

remove

$('div.elementtoreplace').after('i am replacing the div

').remove()

div被p元素所替代了

empty

5.轉殖元素

clone

$('ul').clone().insertbefore('#here').end().hide()

ulclone乙份insert在#here前面,然後end選擇原始包裝集,hide

$('[name=radiogroup]:checked').val()

除了使用val獲取值以外,還可以使用val(values)向其傳入值

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學習之元素包裝集

1.css selector 屬性和id之類的 2.子選擇器 e f e f e f jquery prev siblings prev 任何有效的選擇器 siblings 乙個選擇器來過濾第一選擇器以後的兄弟元素。3.容器選擇器 has 不含有4.特性選擇器 5.位置選擇 a first last...