jQuery學(xué)習(xí)筆記更改jQuery對象

2024-05-06 14:21:17

字體：大中小

供稿：網(wǎng)友

jQuery代碼的任務(wù)就是生成jQuery對象A，操作jQuery對象A；生成jQuery對象B，操作jQuery對象B……但是若此過程中，對象A、B……之間有某種關(guān)系，那么完全沒必要一個個去$(selector)，這很繁瑣的。因此jQuery提供了一些方法，使流程變?yōu)樯蒵Query對象A，操作jQuery對象A；更改為jQuery對象B，操作jQuery對象B……

　　一個jQuery對象，既要進(jìn)行N次操作，又要進(jìn)行M次更改。因此有必要將生成的jQuery對象存儲在一個變量中，多次調(diào)用。然而，試想每進(jìn)行一次操作和更改就得聲明一個新變量，這也很繁瑣啊。所以jQuery采取了鏈?zhǔn)讲僮鞯姆椒ǎ磮?zhí)行操作后返回操作對象本身，于是可以持續(xù)執(zhí)行下一個操作，直到需要更改對象時方執(zhí)行更改，然后返回更改后對象。這實際上就是一種函數(shù)式思維。

　　舉個例子，左右對比一下：

一般調(diào)用

鏈?zhǔn)秸{(diào)用

a=$(“div”);

a.addClass(“class”);

b=a.children(“ul”);

b.show();

c=a.siblings();

c.removeClass(“class”);

$(“div”).addClass(“class”)

.children(“ul”).show().end()

.siblings().removeClass(“class”);

　　接下來就介紹一下更改jQuery對象的各種方法：

更改為后代元素集合

方法	描述	等價
children(selector)	在原先元素的后代元素中，選取匹配selector的元素。若不設(shè)置參數(shù)，children()等價于children(*)，選取原先元素的所有子元素	$(selector1).children(selector2)≡$(selector1>selector2)
find(selector)	在原先元素的后代元素中，選取匹配selector的元素。若不設(shè)置參數(shù)，find()等價于find(“:not(*)”)，不會選取原先元素的任何后代元素	$(selector1).find(selector2)≈$(selector1 selector2)。若參數(shù)使用基本過濾選擇器，不是在全部后代元素中選取過濾匹配元素，而是在每一個后代元素中分別選取過濾匹配元素
contents()	選取原先元素的子元素或文本塊