jQuery---捕獲與設定

逍~遙發表於2020-10-06

Text()

(1)捕獲文字內容,等價於innerText
在這裡插入圖片描述

(2)更改文字的內容
在這裡插入圖片描述

Html()

(1)獲取元素的內容,包括設定的樣式
在這裡插入圖片描述
(2)更改內容樣式
在這裡插入圖片描述

Val()

獲取或者設定value值
在這裡插入圖片描述

屬性attr

獲取或更改元素的屬性值
在這裡插入圖片描述

元素的新增

在元素最後面新增
在這裡插入圖片描述
在元素最前面新增
在這裡插入圖片描述
after(後)與before(前)
After新增會在元素後面新增,不會成為其子元素
在這裡插入圖片描述
Before相反

元素的刪除

Remove和empty
區別:remove是刪除了內容與格式,即全部刪除,empty僅僅清除內容,格式還在
在這裡插入圖片描述
Remove過濾刪除
在p標籤中刪除所有class=px的元素($(“p”).remove(".px");//刪除所有id=px的元素)
在這裡插入圖片描述

操作CSS類

Addclass(“classname”)
Classname不用加點
在這裡插入圖片描述
CSS()方法
第一個引數是要改的屬性,第二個引數是設定的屬性值
在這裡插入圖片描述
設定多個屬性,不同屬性用“,”隔開,屬性名與屬性值之間用“:”隔開,最外層用大括號
在這裡插入圖片描述
導航
父元素
Parent()找到的是父元素
Parents()找到的是祖先節點
後代
Childred()找到的是當前元素的直接後代,裡面可以穿插name與class來找到具體哪一個後代
Find()
同胞
Siblings()找到當前元素的所有同胞元素
Next(),找到的是當前元素的下一個弟弟元素
nextAll(),找到的是當前元素的所有弟弟元素,只能向下查詢
nextUntil(),找到的是兩個引數之間的弟弟元素
prev(),找到的是當前元素的上一個哥哥元素
prevUntil(),找到的是兩個指定元素之間的同胞元素

相關文章