最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間:2012年09月19日 21:11:59   作者:  
jQuery提供了一些方法,使流程變?yōu)樯蒵Query對(duì)象A,操作jQuery對(duì)象A;更改為jQuery對(duì)象B,操作jQuery對(duì)象B
jQuery代碼的任務(wù)就是生成jQuery對(duì)象A,操作jQuery對(duì)象A;生成jQuery對(duì)象B,操作jQuery對(duì)象B……但是若此過(guò)程中,對(duì)象A、B……之間有某種關(guān)系,那么完全沒(méi)必要一個(gè)個(gè)去$(selector),這很繁瑣的。因此jQuery提供了一些方法,使流程變?yōu)樯蒵Query對(duì)象A,操作jQuery對(duì)象A;更改為jQuery對(duì)象B,操作jQuery對(duì)象B……

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

  舉個(gè)例子,左右對(duì)比一下:

一般調(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”);

  接下來(lái)就介紹一下更改jQuery對(duì)象的各種方法:

更改為后代元素集合

方法

描述

等價(jià)

children(selector)

在原先元素的后代元素中,選取匹配selector的元素。若不設(shè)置參數(shù),children()等價(jià)于children(*),選取原先元素的所有子元素

$(selector1).children(selector2)≡$(selector1>selector2)

find(selector)

在原先元素的后代元素中,選取匹配selector的元素。若不設(shè)置參數(shù),find()等價(jià)于find(“:not(*)”),不會(huì)選取原先元素的任何后代元素

$(selector1).find(selector2)≈$(selector1 selector2)。若參數(shù)使用基本過(guò)濾選擇器,不是在全部后代元素中選取過(guò)濾匹配元素,而是在每一個(gè)后代元素中分別選取過(guò)濾匹配元素

contents()

選取原先元素的子元素或文本塊

 

更改為祖先元素集合

方法

描述

parent(selector)

在原先元素的父元素中,選取匹配selector的元素。若不設(shè)置參數(shù),parent()等價(jià)于parent(“*”),選取原先元素的所有父元素

parents(selector)

在原先元素的祖先元素中,選取匹配selector的元素。若不設(shè)置參數(shù),parents()等價(jià)于parents(“*”),選取原先元素的所有祖先元素

parentsUntil(selector)

選取原先元素的祖先元素,直到遇到匹配selector的元素為止,且不包括該元素。若不設(shè)置參數(shù),parentsUntil()等價(jià)于parents(),選取原先元素的所有祖先元素

offsetParents()

選取原先元素的最近祖先定位元素,且該元素CSS屬性display不能為none。定位元素指CSS屬性position

closest(selector)

在原先元素及其祖先元素中,選取匹配selector的最近元素

 

更改為兄弟元素集合

方法             

描述

等價(jià)

next(selector)

在原先元素后面的第一個(gè)兄弟元素中,選取匹配selector的元素。若不設(shè)置參數(shù),next()等價(jià)于next(“*”),選取原先元素后面的第一個(gè)兄弟元素

$(selector1).next(selector2)≡$(selector1+selector2)

prev(selector)

在原先元素前面的第一個(gè)兄弟元素中,選取匹配selector的元素。若不設(shè)置參數(shù),prev()等價(jià)于prev(“*”),選取原先元素前面的第一個(gè)兄弟元素

nextAll(selector)

在原先元素后面的兄弟元素中,選取匹配selector的元素。若不設(shè)置參數(shù),nextAll()等價(jià)于nextAll(“*”),選取原先元素后面的所有兄弟元素

$(selector1).nextAll(selector2)≡$(selector1~selector2)

prevAll(selector)

在原先元素前面的兄弟元素中,選取匹配selector的元素。若不設(shè)置參數(shù),prevAll()等價(jià)于prevAll(“*”),選取原先元素前面的所有兄弟元素

siblings(selector)

在原先元素的兄弟元素中,選取匹配selector的元素。若不設(shè)置參數(shù),siblings()等價(jià)于siblings(“*”),選取原先元素的所有兄弟元素

nextUntil(selector)

選取原先元素后面的兄弟元素,直到遇到匹配selector的元素為止,且不包括該元素。若不設(shè)置參數(shù),nextUntil()等價(jià)于nextAll(),選取原先元素后面的所有兄弟元素

prevUntil(selector)

選取原先元素前面的兄弟元素,直到遇到匹配selector的元素為止,且不包括該元素。若不設(shè)置參數(shù),prevUntil()等價(jià)于prevAll(),選取原先元素前面的所有兄弟元素

 

更改為更多元素集合

方法             

描述

等價(jià)

add(selector)

在原先元素的基礎(chǔ)上添加選取匹配selector的元素

$(selector1).add(selector2)≡$(selector1,selector2)

andSelf()

更改為后代元素、祖先元素、兄弟元素的這些操作,會(huì)在原先元素以外選取元素。可用于將原先元素和更改操作選取的元素合并在一起

 

更改為部分元素集合

方法             

描述

等價(jià)

eq(index)

在原先元素中篩選索引值等于index的元素,索引值從0開(kāi)始正數(shù),也可以從-1開(kāi)始倒數(shù),但不能混用

$(selector).eq(index)≡$(selector:eq(index))

first()

在原先元素中篩選第一個(gè)元素,等同于eq(0)

$(selector).first()≡$(selector:first)

last()

在原先元素中篩選最后一個(gè)元素,等同于eq(-1)

$(selector).last()≡$(selector:last)

slice(start,[end])

在原先元素中篩選索引值從start到end-1的元素。若不傳入end,則篩選索引值大于等于start的元素

filter(selector)

在原先元素中篩選匹配selector的元素

filter(fn(index))

使用函數(shù)篩選,對(duì)于索引值等于index的元素,若函數(shù)返回true,該元素包含在篩選集合中,否則排除在外

可實(shí)現(xiàn)$(selector:even(index))、$(selector:odd(index))、

$(selector:gt(index))、

$(selector:lt(index))等

not(selector)

在原先元素中篩選不匹配selector的元素

$(selector1).not(selector2)≡$(selector1:not(selector2))

not(fn(index))

使用函數(shù)篩選,對(duì)于索引值等于index的元素,若函數(shù)返回true,該元素排除在篩選集合外,否則包含在內(nèi)

可實(shí)現(xiàn)$(selector:even(index))、$(selector:odd(index))、

$(selector:gt(index))、

$(selector:lt(index))等

has(selector)

在原先元素中篩選出擁有匹配selector后代元素的元素

$(selector1).has(selector2)≡$(selector1:has(selector2))

 

還原jQuery對(duì)象

方法             

描述

end()

使執(zhí)行更改jQuery對(duì)象操作后的選取元素還原到更改之前。若希望還原多個(gè)更改操作,則多次調(diào)用,直到最后會(huì)返回空集

相關(guān)文章

最新評(píng)論

砚山县| 沙坪坝区| 拜城县| 元谋县| 广灵县| 连城县| 吉首市| 扶绥县| 若尔盖县| 满城县| 南皮县| 福鼎市| 怀远县| 新安县| 烟台市| 额敏县| 玉龙| 聂拉木县| 玉树县| 盘锦市| 西充县| 资溪县| 东山县| 维西| 宾阳县| 横山县| 武安市| 阳曲县| 皮山县| 东明县| 应城市| 嘉善县| 怀集县| 临江市| 于都县| 德兴市| 龙川县| 勐海县| 霸州市| 中阳县| 白河县|