zoukankan      html  css  js  c++  java
  • 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 相反

      

  • 相关阅读:
    SpringBoot开发中的坑 记录一些
    MongoDB 文档【行】
    MongoDB 集合【表】
    MongoDB 数据库
    MongoDB 基础
    gitlab或github下fork后如何同步源的新更新内容?
    解决:android源码同步repo sync 时出现的fatal:duplicate path错误
    android ROM刷机updater-script单刷补丁包脚本
    一键解包/打包boot.img/recovery.img工具(高通/MTK双版 支持android 5.1以上)
    解决:github上传时出现error: src refspec master does not match any
  • 原文地址:https://www.cnblogs.com/SSs1995/p/9212727.html
Copyright © 2011-2022 走看看