JQuery高级

JQuery高级

  • 动画
    • 三种方式显示和隐藏
      1. 默认显示和隐藏
        1. show(speed, easing, fn)
        2. hide()
          3.toggle()
      2. 滑动显示和隐藏
        1.slideDown()
        2.slideUp()
        3.slideToggle()
        3.淡入淡出显示和隐藏方式
        1.fadeIn()
        2.fadeOut()
        3.fadeToggle()
  • 遍历
    1.jq对象.each(callback)
    2.$.each(object, [callback])
    3.for..of jq3.0版本之后提供的
    4.可以在callback函数中定义index,和element参数。index表示索引,element表示对象。如果该函数返回false相当于循环中的break功能,返回true相当于continue功能。
  • 事件绑定
    1.jquery标准绑定方式
    - jq对象.事件方法(callback);
    2.on绑定/off解除绑定
    - jq对象.on("事件名称", callback);
    - jq对象.off("事件名称", callback);
    3.事件切换:toggle
    - jq对象.toggle(fn1, fn2,...); 1.9版本以上不可以使用。需要加一个jquery-Migrate插件
posted @ 2020-03-04 12:38  yangzixiongh  阅读(109)  评论(1编辑  收藏  举报