-
操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)查看全部
-
上卷下拉切换slideToggle查看全部
-
.slideDown():用滑动动画显示一个匹配元素 $("button:first").click(function() { $("#a1").slideDown(1000) });查看全部
-
toggle用于切换显示或隐藏匹配元素 基本的操作:toggle(); <script type="text/javascript"> $("button:first").click(function() { $(".left").toggle(3000) }); </script> <script type="text/javascript"> $("button:last").click(function() { $(".right").toggle(3000) }); </script>查看全部
-
$('elem').hide(3000).show(3000) 让元素执行3秒的隐藏动画,然后执行3秒的显示动画。查看全部
-
隐藏元素的动画hide() <script type="text/javascript"> //点击buttom1 直接隐藏 $("button:first").click(function() { $("#a1").hide(4000) }); </script> <h4>测试一</h4> <div id="a2">hide动画操作</div> <button>hide带动画</button> <script type="text/javascript"> //点击buttom2 执行动画隐藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) }); </script>查看全部
-
$("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态查看全部
-
arguments[1]代表的是progress的进度,而它是从0-1的,0代表开始,1代表结束查看全部
-
1. stop() 停止当前动画 2. stop(true) 停止当前执行动画元素的所有动画行为 3. stop(true,true) 停止当前执行动画元素的所有动画行为,并且直接到达动画最后一帧查看全部
-
语法:参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素同一父元素下相对于它兄弟元素的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1 如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置查看全部
-
注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1查看全部
-
jQuery中去空格神器trim方法 jQuery.trim()函数用于去除字符串两端的空白字符 需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除查看全部
-
jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始; 若数组中具有多个值则返回第一个出现的位置,若返回值为 -1 表明该值不存在查看全部
-
jQuery中each方法的应用 1.第一个参数传递的就是一个对象或者数组,第二个是回调函数 2.回调函数中传入的两个参数,如果遍历的是数组,第一个参数是索引值,第二个参数是数组的值;如果遍历是对象,第一个参数是属性,第二个参数是属性值。查看全部
-
$("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态查看全部
举报
0/150
提交
取消