jq 方法函数(淡入淡出,查找元素,过滤)遍历
淡入淡出:fadeIn fadeOut fadeToggle fadeTo
淡入:fadeIn(speed[,callback])?? 速度和回調(diào)函數(shù) 回調(diào)函數(shù)可以寫匿名函數(shù),或者方法名不加括號(hào)。
speed 為‘slow’或 1000????? 毫秒數(shù)不加引號(hào)
淡出:fadeOut 同上
交替 fadeToggle 自動(dòng)切換進(jìn)出 同上
fadeTo 多了一個(gè)選項(xiàng)可設(shè)置透明度 fadeTo(speed,opacity,callback);
折疊展開 slideDown slideUp slideToggle
展開 折疊 交替? slideDown(speed,callback); 其他同上。
查找元素
兄弟
siblings()所有兄弟元素,上下都查
next()下一個(gè)兄弟元素??后面加.slideup()等繼續(xù)操作?? next括號(hào)里為選擇器。
nextall()下面所有的兄弟元素
nextUntil() 查找下面的兄弟元素直到括號(hào)里的選擇器為止。
prev()前一個(gè)兄弟元素
prevall()前面所有的兄弟元素
prevUntil()查找上面的兄弟元素直到括號(hào)里的選擇器為止。
父級(jí)
? parent()?直接父元素,只能找到上一層的父元素
parents()找到所有父元素直到html
parentsUntil()
eg:aa.parentsUntil('cc')????? cc為aa很多級(jí)的父元素,此方法能找到aa到cc不包括兩端的父元素。
后代
children()直接子元素
find(選擇器)? 查找jqdom.的某個(gè)名字的子元素,選擇器必須寫
過(guò)濾
first() 第一個(gè)
last()最后一個(gè)
eq()下標(biāo)
fliter()???
1.從選取的jqdom中挑出fliter()括號(hào)里的特別選出的。
比如 jqdom.fliter('.aa')? 選取里面class為aa的 括號(hào)里為選擇器。可多選,逗號(hào)隔開,共用一個(gè)引號(hào)。
2. 加回調(diào)函數(shù)?? 回調(diào)函數(shù)返回值為布爾類型。
?? ??? ? $('li').filter(function(index) {
??? ??? ? return index%2 == 0;?? ? 或?? return $(this).html() ==????? 可以挑當(dāng)內(nèi)容為什么時(shí),改背景色等
?? ??? ?}).css('background-color', 'red');
?? ?這里傳的參數(shù)index只是下標(biāo)
?? ?加回調(diào)函數(shù)時(shí)前面不能加選擇器
遍歷
each()
jqdom.each(function(){})
$.each(jqdom,function(){})
其中function(key,value)若為數(shù)組則可以傳值獲取。
map()
$.map(attr,function(value,key){
?? ?return key value;
})
注意:each 和map 的key 和value 相反
更多專業(yè)前端知識(shí),請(qǐng)上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的jq 方法函数(淡入淡出,查找元素,过滤)遍历的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: webpack入门 --初级压缩
- 下一篇: jquery简介 each遍历 prop