JQuery_2

1.动画:

   1.三种方式显示和隐藏元素

      1.默认方式

      1.show([speed,[easing],[fn]])

        1.参数:

            1.speed:动画的速度,slow,normal,fast

            2.easing:用来指定切换效果,默认swing,可用参数linear

                swing:先慢后快再慢

                linear:匀速

            3.fn:在动画执行完后执行一次的函数

    2.hide([speed],[easing],[fn])

      3.toggle([speed],[easing],[fn])

    2.滑动显示和隐藏方式:

      1.slideDown([speed],[easing],[fn])

      2.sildeUp([speed],[easing],[fn])

      3.slideToggle([speed],[easing],[fn])

    3.淡入淡出显示和隐藏方式

      1.fadeIn([speed],[easing],[fn])

      2fadeOut([speed],[easing],[fn])

      3.fadeToggle([speed],[easing],[fn])

2.遍历:

  1.js的遍历方式

     for(初始化值;循环结束条件,步长)

  2.jq的遍历方式

    1.jq对象.each(callback)

    2.$.each(object,[callback])

    3.for..of 

3.事件绑定:

  1.jquery标准的绑定方式

    *jq对象.事件方法(回调函数)

    *注:如果调用事件的方法,不传递回调函数,则会触发浏览器默认行为。

      *表单对象.submit;让表单提交

  2.on绑定事件/off解除绑定

    *jq对象.on(”事件名称“,回调函数)

    *jq对象.off(”事件名称“)

      *如果off方法不传递任何参数,则将组件上的所有事件全部解除绑定

  3.事件切换:toggle

    *jq对象.toggle(fn1,fn2.....);

4.插件:增强JQuery功能

  1.实现插件的方式:

    1.$.fn.extend(object)

      *增强通过Jquery获取的对象的功能

    2.$.extend(object)

      *增强JQuery对象自身的功能

posted @ 2023-01-14 16:07  会秃头的小白  阅读(12)  评论(0编辑  收藏  举报