jQuery动画

  • 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")))
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 1,109评论 0 2
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 1,174评论 0 4
  • 1.隐藏元素的hide方法,.hide(options),当提供hide方法的参数时,.hide成为一个动画方法,...
    Gopal阅读 508评论 0 0
  • 隐藏与显示 .hide() 隐藏某个元素.hide("fast / slow") //这是一个动画设置的快捷方式,...
    学开船不会开船阅读 196评论 0 0
  • 檐前雨歇漏静,孤影,枕衾凉。 夜半梦觉离愁乱,肠断,泪两行。
    竹心梦话阅读 162评论 0 0