欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2012年09月19日 21:11:59   作者:  
jQuery提供了一些方法,使流程變?yōu)樯蒵Query對象A,操作jQuery對象A;更改為jQuery對象B,操作jQuery對象B
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對象,既要進行N次操作,又要進行M次更改。因此有必要將生成的jQuery對象存儲在一個變量中,多次調(diào)用。然而,試想每進行一次操作和更改就得聲明一個新變量,這也很繁瑣啊。所以jQuery采取了鏈式操作的方法,即執(zhí)行操作后返回操作對象本身,于是可以持續(xù)執(zhí)行下一個操作,直到需要更改對象時方執(zhí)行更改,然后返回更改后對象。這實際上就是一種函數(shù)式思維。

  舉個例子,左右對比一下:

一般調(diào)用

鏈式調(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()

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

 

更改為祖先元素集合

方法

描述

parent(selector)

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

parents(selector)

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

parentsUntil(selector)

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

offsetParents()

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

closest(selector)

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

 

更改為兄弟元素集合

方法             

描述

等價

next(selector)

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

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

prev(selector)

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

nextAll(selector)

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

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

prevAll(selector)

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

siblings(selector)

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

nextUntil(selector)

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

prevUntil(selector)

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

 

更改為更多元素集合

方法             

描述

等價

add(selector)

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

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

andSelf()

更改為后代元素、祖先元素、兄弟元素的這些操作,會在原先元素以外選取元素??捎糜趯⒃仍睾透牟僮鬟x取的元素合并在一起

 

更改為部分元素集合

方法             

描述

等價

eq(index)

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

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

first()

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

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

last()

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

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

slice(start,[end])

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

filter(selector)

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

filter(fn(index))

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

可實現(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ù)篩選,對于索引值等于index的元素,若函數(shù)返回true,該元素排除在篩選集合外,否則包含在內(nèi)

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

$(selector:gt(index))、

$(selector:lt(index))等

has(selector)

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

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

 

還原jQuery對象

方法             

描述

end()

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

  • jquery實現(xiàn)圖片切換代碼

    jquery實現(xiàn)圖片切換代碼

    這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片切換代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • jquery操作checkbox的常用方法總結(jié)【附測試源碼下載】

    jquery操作checkbox的常用方法總結(jié)【附測試源碼下載】

    這篇文章主要介紹了jquery操作checkbox的常用方法,結(jié)合完整實例形式總結(jié)分析了jQuery使用checkbox全選、取消、反選等常見操作技巧,并附帶測試源碼供讀者下載參考,需要的朋友可以參考下
    2019-06-06
  • jquery 圓角遮罩圖片實現(xiàn)圖片圓角

    jquery 圓角遮罩圖片實現(xiàn)圖片圓角

    用jquery實現(xiàn)的圖片圓角效果代碼。
    2009-05-05
  • EasyUI Combobox設(shè)置默認值 獲取text的方法

    EasyUI Combobox設(shè)置默認值 獲取text的方法

    這篇文章主要介紹了EasyUI Combobox設(shè)置默認值 獲取text的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-11-11
  • jQuery添加新內(nèi)容的四個常用方法分析【append,prepend,after,before】

    jQuery添加新內(nèi)容的四個常用方法分析【append,prepend,after,before】

    這篇文章主要介紹了jQuery添加新內(nèi)容的四個常用方法,結(jié)合實例形式分析了jQuery元素添加append,prepend,after,before四種方法的功能與相關(guān)使用技巧,需要的朋友可以參考下
    2019-03-03
  • 基于jQuery的ajax方法封裝

    基于jQuery的ajax方法封裝

    AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。這篇文章主要介紹了基于jQuery的ajax方法封裝的相關(guān)資料,需要的朋友可以參考下
    2016-07-07
  • Jquery 垂直多級手風(fēng)琴菜單附源碼下載

    Jquery 垂直多級手風(fēng)琴菜單附源碼下載

    本文給大家分享一款簡單但實用的多級垂直手風(fēng)琴下拉菜單列表,完全使用css來制作多級手風(fēng)琴菜單,通過該代碼將不同的子菜單進行分組制作出多級菜單的效果,本文附效果演示和源碼下載感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • jquery 圖片輪換效果

    jquery 圖片輪換效果

    重寫了昨天的圖片輪換,加入了自動切換效果,改變了布局,增強了可定制性,當(dāng)然,還是有點小小的問題,在IE 6+,chrome,firfox3.68下測試正常運行
    2010-07-07
  • 最新評論