美文网首页
jQuery动画

jQuery动画

作者: Z1hgq | 来源:发表于2018-05-07 16:25 被阅读0次
    • hide()
      直接隐藏
      $("#a1").hide()
      动画隐藏
      $("#a2").hide(3000)

    • show操作与hide相同

    • toggle,如果正在显示就隐藏,如果正在隐藏就显示

    • slideDown
      直接隐藏
      $("#a1").slideDown(3000)
      执行回调
      $("#a2").slideDown(3000 , function(){alert('动画执行结束') })

    • slideUp

    • slideToggle

    • fadeOut

    • fadeIn

    • fadeToggle

    • fadeTo必须指明执行时间和透明度,可以执行回调函数

    • 自定义动画 animate

    • 停止动画
      stop():只会停止第一个动画,第二个第三个继续
      stop(true):停止第一个、第二个和第三个动画
      stop(true,ture):停止动画,直接跳到第一个动画的最终状态

    • .each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历
      语法
      jQuery.each(array, callback )
      jQuery.each( object, callback )
      第一个参数传递的就是一个对象或者数组,第二个是回调函数

    • jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。
      语法:
      jQuery.inArray( value, array ,[ fromIndex ] )
      用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始

    • jQuery.trim()函数用于去除字符串两端的空白字符
      $.trim($("#ele").val()).length
      返回元素ele去除空格后的value长度

    • jQuery.get()
      语法:
      .get( [index ] )
      注意2点
      get方法是获取的dom对象,也就是通过document.getElementById获取的对象
      get方法是从0开始索引
      所以第二个a元素的查找: $(a).get(1)

    • .index()方法,从匹配的元素中搜索给定元素的索引值,从0开始计数。
      语法:参数接受一个jQuery或者dom对象作为查找的条件
      .index()
      .index( selector )
      .index( element )

    //找到第一个li的同辈节点中的索引位置
    $span.text($("li").index())
    
    //通过传递dom查找
    $span.text($("li").index(document.getElementById("test5")))
    
    //通过传递jQuery对象查找
    $span.text($("li").index($("#test6")))
    

    相关文章

      网友评论

          本文标题:jQuery动画

          本文链接:https://www.haomeiwen.com/subject/hqomrftx.html