Jquery學習筆記 操作包裝集

2021-05-27 12:59:40 字數 2088 閱讀 4288

$(『a』).size()

$(『a』)[0]  獲取第乙個

$(『a』).index($(『a#a1』))  獲取id=a1的a的下標

新增元素:

add(字串|元素|陣列)。和 或選擇器相比的好處是,可在一條語句中實現:  把粗邊框應用到帶有alt特性的所有img元素,然後把一定級別的透明度應用到帶有alt或title特性的所有img元素:

$(『img[alt]』).css(『border』,』solid』).add($(img[title])).css(『opticpaty』,』30%』)

建立元素

$(元素標籤, options): 以前必須先建立標籤,再使用 attr完成屬性的新增,在1.4中 加入了option引數可以直接完成新增,例項如下

jquery('', ,

click: function()

});

新增指令碼:

$('篩選元素

not(字串|元素|陣列):刪除包裝集中對應表示式的值,與filter功能相反

filter(字串|函式):獲取包裝集中表示式對應的元素, 如果傳遞為函式,該函式以當前元素作為this,返回值為true|false

find(字串):對包裝集和其子集都進行篩選

contains(字串):文字中包含字串

has(字串|元素): 返回子集中包含引數的元素

獲取子集

slice(begin,end):利用位置

獲取第n個元素

eq(n):  $(『div』).eq(1) 獲取第二個段落

判斷:is(selector):是否包含字串selector指定的元素,返回true|false

first()

last()

children()

parent()

parents() :  包括直接父元素一直到祖先元素

next()  下乙個兄弟元素

prev()

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

prevall()

siblings():取得所有同輩節點

contents():返回原始包裝集內容的包裝集,這些元素可能包含文字節點(常用於獲取iframe元素的內容)

注意:上面兄弟節點不是和選擇器同一型別的節點,如$(div).siblings(),可能有img等各種型別。

.closest( selector ) 以定位位置最接近的符合selector的ancestor element(祖先元素)。擴充套件後的.closest()支援陣列選擇器作為引數,這在遍歷乙個元素的祖先元素時非常有用。如:

< !doctype html>

執行結果如下:

* ul: ul

* body: body

」nextuntil」, 「prevuntil」 和」parentsuntil」,這些方法是用來獲取符合條件內的dom物件。中文你可以理解為「直到」的意思。**示例:

banana

grape

strawberry

pear

peach

jquery(

).nextuntil

(':contains(pear)'

);

end() 回退到前乙個包裝集

andself():合併最近的兩個包裝集

複製元素使用.clone()。

刪除元素使用.remove()和.detach()。兩者的區別在於,前者不保留被刪除元素的事件,後者保留,有利於重新插入文件時使用。

清空元素內容(但是不刪除該元素)使用.empty()。

swap(字串|元素) 將包裝集中的元素分別包裹元素  ;   wrapall(字串|元素) 將包裝集中的元素作為整體包裹;  wrapinner(字串|元素) 對包裝集中元素的內容分別進行包裹    unswap() 去除包裝集

toarray() :將jquery包裝集轉換為js 的陣列

2. 7  移動元素

jQuery學習之元素包裝集

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

jquery的 包裝集

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

Jquery學習筆記 操作屬性

each 函式 遍歷包裝集,並執行迭代函式,引數為下標,this為元素 attr name 並對有爭議的屬性名稱進行了規範化,如 class float ie中是stylefloat for,maxlength readonly attr name,value value可以為 字串,物件和函式,為...