为了账号安全,请及时绑定邮箱和手机立即绑定
  • 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
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!