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