为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础(四)—动画篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(四)—动画篇

Aaron艾伦 Web前端工程师
难度初级
时长 1小时37分
  • $("p").fadeOut({ duration: 1000 });
    查看全部
  • 此例中,第一个li前面还有两个a标签,索引从0开始,于是返回的是2 第一个元素相对于它的兄弟元素所在的位置
    查看全部
  • 如果你想改成eq()是可以的。但是你只把get()改成eq()是不行的。因为对$()用get(),那个$()所取到的元素就变成了dom,也就是变成了js。那么js取得的元素后面就必须跟js的方法或者属性,既$().get().style()。而不是$().get().css()。因为style是js独有的方法,而css()是jq独有的方法,get()方法后取得的js元素,它只能识别style(),而不能识别css()。
    查看全部
  • stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态
    查看全部
  • get方法是获取dom对象,eq方法是获取jq对象
    查看全部
  • stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态
    查看全部
  • 因为动画是异步的,所以要在动画之后执行某些操作就必须要写到回调函数里面,这里要特别注意
    查看全部
  • hide()三种方式 1.不传参数 2.传入参数 3.传入函数
    查看全部
  • $("#a1").stop().hide(3000).show(3000) //stop() 用于避免动画执行过程中反复触发 //语法结构 $("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
    查看全部
  • 2、arguments中数组值代表函数第几个参数。这里arguments[1]代表第二个参数,则是代表fx。
    查看全部
  • //stop() 用于避免动画执行过程中反复触发 //语法结构 $("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
    查看全部
  • hide( ) 3种方式 1.不传参数 2.传入Number(duration) 3.传入函数 $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } })
    查看全部
  • .val()方法,当没设置value属性时,获取的是<option>中的文本,如“ <option>慕课网</option>”获取到的是“慕课网”; 设置了value属性的话,获取到就是value的值,如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。
    查看全部
  • slideDown是直接从上往下滑动出来,show是从左至右和上下同时
    查看全部
  • stap:function(now,fx){}中,参数now和fx,可以理解为一个是动画属性的变动值,另一个是动画在整个执行过程的进度。step 函数只能返回我们在代码中设置的最后一条CSS属性值 progress:function(now,fx){}, step 和 progress 的区别了 相同点:step 和 progress 这两个属性,都是在动画执行的每个阶段来调用函数,大部分情况下,使用任意一个,都可以得到我们想要的效果。 不同点,主要在fx这个参数上: step: fx返回的是和css相关的属性,即(properties参数设置的css样式); progress: fx返回的是动画进度本身的属性;
    查看全部

举报

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

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