首页 > 其他分享 >JQuery_2

JQuery_2

时间:2023-01-14 16:24:05浏览次数:132  
标签:JQuery 动画 遍历 方式 easing speed fn

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  

标签:JQuery,动画,遍历,方式,easing,speed,fn
From: https://www.cnblogs.com/lin513/p/17051982.html

相关文章

  • jQuery事件(事件委托/优化添加删除表格记录/事件委托delegate中的this对应关系)
    视频为什么要用事件委托:新增的dom元素没有对应点击事件。子元素的事件交给父元素来代为处理。父元素要知道是哪个子元素发生的。<!DOCTYPEHTML><html><head><meta......
  • jQuery事件(事件处理,事件绑定与解绑)
    视频<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>18_事件绑定与解绑</title></head><styletype="text/css">*{margin:0px;}.......
  • jQuery(练习2添加删除表格记录,含原生对照)
    视频原生<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head> <metahttp-equiv="Content-Type"content="te......
  • jQuery入门
    jQuery入门1、基础语法jQuery语法是通过选取HTML元素,并对选取的元素执行某些操作。基础语法:$(selector).action()美元符号定义jQuery选择符(selector)"查询"和"查......
  • jQuery基础
    一、jQuery的产生它的作者是JohnResig,于2006年创建的一个开源项目jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法jQu......
  • jQuery进阶
    一、jQuery动画1.1jQuery的显示和隐藏jQuery中显示方法为.show(),隐藏方法为.hide()。在无参数的时候,只是硬性的显示内容和隐藏内容在.show()和.hide()......
  • JS-jQuery1
      初始jQueryjQuery是目前最流行的JavaScript插件库,是JavaScript的封装,升级产品。设计宗旨是“WriteLess,DoMore”,即写的少,做的多。提供一种简便的JavaScript设计......
  • JS-jQuery2
      jQuery的DOM操作在JavaScript的基础之上,使用jQuery对节点做的DOM操作 原生JS添加节点  jQuery添加节点.append()在标签内部的末尾添加节点  jQuery......
  • jquery.liMarquee.js-文字滚动效果
    jquery.liMarquee.js插件:jquery多风格多功能滚动特效代码插件说明:须引入3个文件jquery.js、liMarquee的js和css文件代码:<!DOCTYPEhtml><htmllang="en"><head>......
  • 疑惑解决(2)—js使用与jQuery的src设置问题
    在单独js文件中引用Jquery之前提到过:使用js的方式  学了jquery  今天实际使用发现一个问题:如果我要使用script标签的方式引入js文件,而我又想在js中使用jQuery简......