jQuery學習之元素包裝集

2021-07-04 04:41:33 字數 1560 閱讀 2120

1.css selector

屬性和id之類的

2.子選擇器 

>  e+f e-f

e~f 

jquery( "prev ~ siblings" )

prev: 任何有效的選擇器

siblings: 乙個選擇器來過濾第一選擇器以後的兄弟元素。

3.容器選擇器

:has()

不含有4.特性選擇器 

5.位置選擇 

a:first   last   first-child  last-child only-child nth-child(n)

nth-child(even|odd) nth-child(xn+y) even odd eq(n) gt(n) lt(n)

6.jquery自定義選擇器

:animated :button :checkbox :checked :contains(foo) :disabled :file 

:header :hidden :image :input :not(filter) :parent :password :radio 

:reset :selected :submit :text :visible

input:not(:checkbox)

1.大小size()

2.獲取包裝集中元素

$('img[alt]').get(0)  =  $('img[alt]')[0]

逆運算 元素的下標 index

3.篩選元素的包裝集

.add 或關係

$('img[alt]').addclass('thickborder').add('img[title]').addclass('seethrough')

.not 刪除包裝集中的元素

.filter 過濾包裝集中的元素

篩選函式的上下文是this

.slice(begin,end)

4.利用關係獲取包裝集

.children() 唯一的子元素組成的包裝集

.contents() 內容的包裝集

.next() 唯一的下乙個兄弟元素組成的包裝集

.nextall() 所有的後續兄弟元素的包裝集

.parent() 唯一直接父元素組成的包裝集

.parents() 唯一祖先元素組成的包裝集,包括直接父元素和向上追溯的祖先元素,不包括文件根元素

.prev() 唯一的上乙個兄弟元素所組成的包裝集

.prevall() 所有前面的兄弟元素所組成的包裝集

.siblings() 唯一兄弟元素所組成的包裝集

5.更多使用包裝集的途徑

find(selector)

contains(text)

$('p').contains('lorem ipsum')

is(selector)

6.管理jquery鏈

end()返回到上乙個包裝集

Jquery學習筆記 操作包裝集

a size a 0 獲取第乙個 a index a a1 獲取id a1的a的下標 新增元素 add 字串 元素 陣列 和 或選擇器相比的好處是,可在一條語句中實現 把粗邊框應用到帶有alt特性的所有img元素,然後把一定級別的透明度應用到帶有alt或title特性的所有img元素 img alt...

jquery的 包裝集

jquery包裝集 指 通過 exp 會篩選出頁面中滿足表示式的一組元素,這一組元素就屬於jquery包裝集的元素,包裝集是乙個集合,包裝集和陣列很類似,常用的方法 獲取包裝集中元素的個數 length屬性或者size 通過下標獲取包裝集中的某個元素 用get index 方法 這時會轉換成js物件...

jQuery學習之元素屬性

1.操作元素的屬性 each iterator 2.獲取特性值 attr name 獲取屬性值 3.設定特性值 attr name,value 設定屬性值 value可以是函式,字串等 4.刪除特性值 removeattr name 5.特性帶來的快樂 1.增加和刪除類名 addclass remo...