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")))

你可能感兴趣的:(jQuery动画)