为了账号安全,请及时绑定邮箱和手机立即绑定
  • now:当前改变的值, fx:里面自带很多: easing 字符串 动画方式"linear",swing,easeIn,easeOut...等 elem DOM元素 正在动画的元素 end 数值 动画结束值 now 数值 动画当前值 options 对象 参数 options.duration 数值 传到动画动的duration options.queue 字符串 动画队列 pos 数值 在动画过程中从0.0到1.0 prop 字符串 正在变化的css属性 start 数值 CSS属性开始变化的值 unit 字符串 CSS值的单位
    查看全部
  • 在progress里面arguments[0]是now,arguments[1]是fx
    查看全部
  • on(n,fx){ // 动画元素的每个动画属性每一次动画效果的执行都将调用的函数。第1个参数是当前动画正在改变的属性的实时值(每1次动画过程中,属性值的实时反馈呈现);第2个参数为修改Tween 对象提供了一个机会来改变animate第1个参数中设置的属性在动画结束时的值。 // fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 // 执行动画的元素:elem; // 动画正在改变的属性:prop; // 正在改变属性的当前值:now; // 正在改变属性的结束值:end; // 正在改变属性的单位:unit;等
    查看全部
  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数: .hide("fast / slow") 这是一个动画设置的快捷方式,'fast' 和 'slow' 分别代表200和600毫秒的延时,就是元素会执行200/600毫秒的动画后再隐藏 注意: jQuery在做hide操作的时候,是会保存本身的元素的原始属性值,再之后通过对应的方法还原的时候还是初始值。比如一个元素的display属性值为inline,那么隐藏再显示时,这个元素将再次显示inline。一旦透明度 达到0,display样式属性将被设置为none,这个元素将不再在页面中影响布局
    查看全部
  • 其实就是在讲尾后的执行函数 step:规定每个动画的每一步完成之后要执行的函数。 progress:每一次动画调用的时候会执行这个回调。 通过数值可以看到第一个点第二次不会有反应,而第二个函数每次点击都会执行。
    查看全部
  • 正确的写法应该是 $("#a2").hide(3000,function(){ alert('执行3000ms动画完毕'); });
    查看全部
  • 用fadeTo时,不管最终透明度是多少,元素仍占据页面布局 而fadeOut,会在透明度变为0时,将元素从页面布局中移出
    查看全部
  • toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)
    查看全部
  • index()方法:从匹配的元素中搜索给定元素的索引值,从0开始计数。 语法:参数接受一个jQuery或者dom对象作为查找的条件 1、.index() 2、.index(selector) 3、.index(element) 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1
    查看全部
  • .get()方法:获取jquery对象合集中的某一个元素,返回的是DOM元素不是jquery对象 语法: .get([index]) 注意事项: 1、get方法是获取的dom对象,也就是通过document.getElementById获取的对象 2、get方法是从0开始索引 如果给get()方法传递一个负索引值,则表示从后往前索引,负索引值的起始值是-1
    查看全部
  • jQuery.trim()函数:用于去除字符串两端的空白字符 需要注意: 1、移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 2、如果这些空白字符在字符串中间时,它们将被保留,不会被移除
    查看全部
  • jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法: jQuery.inArray(value,array,[fromIndex]) 参数说明: value:目标值, array:目标数组, [fromIndex]:查找的起始值,默认数组是0开始。 注意事项: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断
    查看全部
  • $(selector).each()来遍历jQuery对象 语法: jQuery.each(array, callback ) jQuery.each(object, callback ) 第一个参数传递的就是一个对象或者数组,第二个是回调函数 如: $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引 //value就是数组中的值了 }); each就是for循环方法的一个包装,内部就是通过for遍历数组与对象,通过回调函数返回内部迭代的一些参数,第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数),第二个参数是当前迭代成员(与this的引用相同) jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false,则停止循环(相当于普通循环中的break);如果返回其他任何值,均表示继续执行下一个循环。 如: $.each(["Aaron", "慕课网"], function(index, value) { return false; //停止迭代 });
    查看全部
  • .stop()方法:将当前正在运行的动画(如果有的话)立即停止; 语法: .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop还有几个可选的参数,简单来说可以这3种情况 1、.stop(); 停止当前动画,点击在暂停处继续开始 2、.stop(true); 如果同一元素调用多个动画方法,尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始,直到第一个完成。当调用.stop()的时候,队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 3、.stop(true,true); 当前动画将停止,但该元素上的 CSS 属性会被立刻修改成动画的目标值
    查看全部
  • .animate( properties, options ):传递一个对象参数,可以拿到动画执行状态一些通知 options参数: duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调 其中最关键的一点就是: 如果多个元素执行动画,回调将在每个匹配的元素上执行一次,不是作为整个动画执行一次 列出常用的方式: $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

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

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