Please enable JavaScript.

Coggle requires JavaScript to display documents.

jQuery - Coggle Diagram

- - - - hide( [ speed ] , [ easing ] , [ fn ])
    - - 参数都可以省略，无动画直接显示
      - speed:三种预定速度之一的字符串（“ slow” ， “ normal ”， “ fast ”）或毫秒数（如：1000）
      - easing：指定切换效果，默认是“ swing”，可用参数“ linear ”
      - fn：回调函数，在动画完成时执行的函数，每个元素执行一次
  - - - 动画或效果一执行就会触发，如果多次触发，就会造成多个动画或效果排队执行
    - - $(this).stop（）.slideToggle()
      - 用于停止动画或效果
      - 注：stop（）写到动画或效果的前面，相对于停止结束上一次的动画
  - - - fadeTo（[ speed ],opacity,[ easing ],[ fn ]）
  - - - animate( params,[ speed ],[ easing ],[ fn ])
    - - params：想要更改的样式属性，以对象形式传递，必写，属性名不必带引号，如果是复合属性便采用驼峰命名法，其余参数省略
      - 其他参数与显示隐藏效果一样
- - - - 用原生js获取过来的对象
      - var mu=document.querySelector('div')
    - - 用jQuery方式获取过来的对象是jQuery对象
      - $(' div ');
    - - 原生的一些属性和方法jQuery没有封装，如果要使用这些属性和方法，就要转换
      - DOM对象转换为jQuery对象
        
        $( DOM对象）
        
        $(' div ')
      - jQuery对象转换为DOM对象
        
        $(' div ')[ 索引号 ]
        
        $(' div ').get( 索引号 )
- - - - $(" <li></li>")
      - 动态地创建了一个<li>
  - - - 语法
        
        element.append(" 内容 ")
        
        把内容放入匹配元素内部最后面，类似appendChild
      - 内部添加元素，生成之后，他们是父子关系
    - - 把内容放入目标元素后面
        
        element.after(" 内容 ")
      - 把内容放入目标元素前面
        
        element.before(" 内容 ")
      - 外部添加元素，生成之后，他们是兄弟关系
  - - - $(" div ").each( function( index , domEle ) { xxx ; })
      - each方法遍历匹配的每一个元素
      - 里面的回调函数有两个：index是每个元素的索引号（可自定义）；demEle是每个DOM元素对象
    - - $.each( object, function( index , element ) { xxx ; } )
      - each方法可用于遍历任何对象，主要用于数据处理，比如数组，对象
      - 里面的函数有两个参数：index是每个元素的索引号；element遍历内容
- - - - js中className会覆盖元素原先的类名
      - jQuery里面类操作只是对指定类进行操作，不影响原先类名
- - - - 取得匹配元素宽度和高度值，包含padding
    - - 取得匹配元素宽度和高度值包含padding，border
    - - 取得匹配元素宽度和高度值
    - - 取得匹配元素宽度和高度值包含padding，border，margin
  - - - 有两个属性left和top，offset（）.top:获取距离文档顶部的距离
      - 设置元素的偏移：offset( { top : 10 , left : 30 } );
      - 用于设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系