jq 方法函式(淡入淡出,查詢元素,過濾)遍歷

2022-08-13 08:36:16 字數 1390 閱讀 4272

淡入淡出:fadein fadeout fadetoggle fadeto

淡入:fadein(speed[,callback])   速度和**函式 **函式可以寫匿名函式,或者方法名不加括號。

speed 為『slow』或 1000      毫秒數不加引號

淡出:fadeout 同上

交替 fadetoggle 自動切換進出 同上

fadeto 多了乙個選項可設定透明度 fadeto(speed,opacity,callback);

摺疊展開

slidedown slideup slidetoggle

展開 摺疊 交替  slidedown(speed,callback); 其他同上。

查詢元素

兄弟siblings()所有兄弟元素,上下都查

next()下乙個兄弟元素  後面加.slideup()等繼續操作   next括號裡為選擇器。

nextall()下面所有的兄弟元素

nextuntil() 查詢下面的兄弟元素直到括號裡的選擇器為止。

prev()前乙個兄弟元素

prevall()前面所有的兄弟元素

prevuntil()查詢上面的兄弟元素直到括號裡的選擇器為止。

父級parent() 直接父元素,只能找到上一層的父元素

parents()找到所有父元素直到html

parentsuntil()  

eg:aa.parentsuntil('cc')      cc為aa很多級的父元素,此方法能找到aa到cc不包括兩端的父元素。

後代children()直接子元素

find(選擇器)  查詢jqdom.的某個名字的子元素,選擇器必須寫

過濾first() 第乙個  

last()最後乙個

eq()下標

fliter()   

1.從選取的jqdom中挑出fliter()括號裡的特別選出的。

比如 jqdom.fliter('.aa')  選取裡面class為aa的 括號裡為選擇器。可多選,逗號隔開,共用乙個引號。

2. 加**函式   **函式返回值為布林型別。

$('li').filter(function(index) ).css('background-color', 'red');

這裡傳的引數index只是下標

加**函式時前面不能加選擇器

遍歷each()

jqdom.each(function(){})

$.each(jqdom,function(){})

其中function(key,value)若為陣列則可以傳值獲取。

map()

$.map(attr,function(value,key))

注意:each 和map 的key 和value 相反

詳細介紹jQuery淡入淡出元素的方法

為了達到更為生動的效果,可以把乙個元素淡出或淡入,在任何一種情況下,都只是隨著時間來改變元素的透明度。jquery提供了3個和淡入淡出相關的函式 fadein 使得乙個隱藏的元素淡入視野。首先,元素佔據的空間出現在頁面上 這可能意味著頁面上的其他元素要移走 然後,元素逐漸地變得可見。如果元素在頁面上...

jQuery 效果 淡入淡出 方法例項

jquery fading 方法 通過 jquery,您可以實現元素的淡入淡出效果。jquery 擁有下面四種 fade 方法 jquery fadein 方法 jquery fadein 用於淡入已隱藏的元素。語法 selector fadein speed,callback 可選的 speed ...

jQuery中的淡入淡出方法

用於淡入已經隱藏的元素 例子 淡入已經隱藏的元素 function 語法 元素 fadein 引數1,引數2 引數1規定了效果的時間長度,可以選擇的值有 slow fast 已及毫秒 引數2是行為完成後所執行的函式名 用於淡出可以看見的元素 例子 淡出可見的元素 function 語法 元素 fad...