欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

jq 方法函数(淡入淡出,查找元素,过滤)遍历

发布时间:2023/12/2 44 豆豆
生活随笔 收集整理的这篇文章主要介绍了 jq 方法函数(淡入淡出,查找元素,过滤)遍历 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

淡入淡出: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) {
              return index%2 == 0;     或   return $(this).html() ==      可以挑当内容为什么时,改背景色等
          }).css('background-color', 'red');
    这里传的参数index只是下标
    加回调函数时前面不能加选择器

遍历

  each()

    jqdom.each(function(){})

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

      其中function(key,value)若为数组则可以传值获取。

  map()

    $.map(attr,function(value,key){
          return key value;
    })

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

  


更多专业前端知识,请上 【猿2048】www.mk2048.com

总结

以上是生活随笔为你收集整理的jq 方法函数(淡入淡出,查找元素,过滤)遍历的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。