-
jQuery中查找数组中的索引inArray jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。 语法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单，传递一个检测的目标值，然后传递原始的数组，可以通过fromIndex规定查找的起始值，默认数组是0开始 例如：在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引：4 注意： 如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断查看全部
-
jQuery中each方法的应用 .each只是处理jQuery对象的方法，jQuery还提供了一个通用的jQuery.each方法，用来处理对象和数组的遍历 语法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一个参数传递的就是一个对象或者数组，第二个是回调函数 jQuery方法可以很方便的遍历一个数据，不需要考虑这个数据是对象还是数组查看全部
-
jQuery中停止动画stop 语法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) 简单的说：参考下面代码、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) 1.stop():只停止第一个动画，第二个第三个继续 2.stop（true），停止第一第二第三个动画 3.stop（true true）停止动画，直接跳到第一个动画的最终状态。查看全部
-
Query中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就需要强大的animate方法了，animate方法更加灵活。 语法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options )查看全部
-
fontsize 字体大小 += 当前值加给定数字 -= 当前值减去给定数字查看全部
-
jQuery中toggle与slideToggle以及fadeToggle的比较 toggle:切换显示与隐藏效果（从右至左，横向动作） slide Toggle:切换上下拉卷效果（从下至上，竖向动作） fade Toggle:切换淡入淡出效果查看全部
-
jQuery中淡入效果fadeTo fadeIn：淡入效果，内容显示，opacity是0到1 fadeOut：淡出效果，内容隐藏，opacity是1到0 如果要让元素保持动画效果，执行opacity = 0.5的效果时，要如何处理？ 如果不考虑CSS3，我们用JS实现的话，基本就是通过定时器，在设定的时间内一点点的修改opacity的值，最终为0.5，原理虽说简单，但是总不如一键设置这么舒服，jQuery提供了fadeTo方法，可以让改变透明度一步到位 语法 .fadeTo( duration, opacity ,callback) 不透明度（值介于 0 与 1 之间）。可选的 callback 参数是该函数完成后所执行的函数名称。查看全部
-
jQuery中淡入淡出切换fadeToggle fadeToggle()函数用于切换所有匹配的元素，并带有淡入/淡出的过渡动画效果。之前也学过toggle、slideToggle 也是类似的处理方式 fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。 常用语法：.fadeToggle( [duration ] ,[ complete ] ) 可选的 duration 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fadeToggle完成后所执行的函数名称。查看全部
-
fadeOut是淡出效果，相反的还有淡入效果fadeIn,方法使用上两者都是一致的，只是结果相反 .fadeIn( [duration ], [ complete ] ) duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。 fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。 注意： 淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见查看全部
-
jQuery中淡出动画fadeOut adeOut()函数用于隐藏所有匹配的元素，并带有淡出的过渡动画效果 .fadeOut( [duration ], [ complete ] ) 字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400毫秒的延时查看全部
-
slide Tiggle() 提当一个隐藏动画后，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局供参数：.slideToggle( [duration ] ,[ complete ] ) $("button").click(function() { $("#a1").slideToggle(3000) });查看全部
-
$("#a2").slideUp(3000,function(){ alert('动画执行结束')查看全部
-
jQuery中上卷动画slideUp 最简单的使用：不带参数 $("elem").slideUp(); 这个使用的含义就是：找到元素的高度，然后采用一个下滑动画让元素一直滑到隐藏，当高度为0的时候，也就是不可见的时，修改元素display 样式属性被设置为none。这样就能确保这个元素不会影响页面布局了 带参数： .slideUp( [duration ] [, easing ] [, complete ] ) 同样可以提供一个时间，然后可以使用一种过渡使用哪种缓动函数，jQuery默认就2种，可以通过下载插件支持。最后一个动画结束的回调方法。查看全部
-
slideDown()：用滑动动画显示一个匹配元素 .slideDown()方法将给匹配元素的高度的动画，这会导致页面的下面部分滑下去，弥补了显示的方式 $("button:first").click(function() { $("#a1").slideDown(3000) }); $("button:last").click(function() { $("#a2").slideDown(3000,function(){ alert('动画执行结束') }) });查看全部
-
jQuery中显示与隐藏切换toggle方法 oggle方法就是show与hide的相互切换的一个快捷方法 <body> <h2>通过toggle切换显示与隐藏</h2> <div class="left">显示到隐藏</div> <div class="right">隐藏到显示</div> <button>直接show-hide动画</button> <button>直接hide-show动画</button> <script type="text/javascript"> $("button:first").click(function() { $(".left").toggle(3000) }); </script> <script type="text/javascript"> $("button:last").click(function() { $(".right").toggle(3000) }); </script>查看全部
举报
0/150
提交
取消