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

jQuery基础(四)—动画篇

Aaron艾伦 Web前端工程师
难度初级
时长 1小时37分
  • jQuery中显示元素的show方法 注意事项: show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度
    查看全部
  • 使用!important的css定义是拥有最高的优先级的
    查看全部
  • $(selector).hide(speed,callback) speed:可选。规定元素从可见到隐藏的速度。默认为 "0"。 可能的值: 毫秒 (比如 1500) "slow" "normal" "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。 callback: hide 函数执行完之后,要执行的函数。除非设置了 speed 参数,否则不能设置该参数。
    查看全部
  • jQuery中隐藏元素的hide方法 1、$elem.hide() 2、.hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法。. 3、.hide("fast / slow") 这是一个动画设置的快捷方式,'fast' 和 'slow' 分别代表200和600毫秒的延时,就是元素会执行200/600毫秒的动画后再隐藏
    查看全部
  • duration 可选/String/Number类型指定过渡动画运行多长时间(毫秒数),默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 easing 可选/String类型指定使用何种动画效果,默认为"swing",还可以设为"linear"或其他自定义的动画样式的函数名称。 complete 可选/Function类型元素隐藏完毕后需要执行的函数。函数内的this指向当前DOM元素。 options Object类型指定的选项参数对象
    查看全部
  • .get()方法获取到的是dom对象,相当于通过document.getElementById()获取的对象
    查看全部
  • 自动动画
    查看全部
  • .imArray[]用于判断数组是否存在指定值,如果为-1则表示不存在
    查看全部
  • .stop():停止当前动画 .stop(true):停止全部动画 .stop(true,true):停止动画,直接跳到第一个动画最终状态
    查看全部
  • step和progress:相同点都在动画每一次改变时执行,而不同点就在于step/progress:function(now,fx){}fx的区别:step的fx具备多样属性,比如说:执行动画的元素elem、动画正在改变的元素prop,正在改变属性的当前值:now,正在改变属性的结束值;正在改变属性值的单位:unit
    查看全部
  • now:是当前动画正在改变的属性的实时值; fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 执行动画的元素:elem; 动画正在改变的属性:prop; 正在改变属性的当前值:now; 正在改变属性的结束值:end; 正在改变属性的单位:unit;等
    查看全部
  • Css样式使用Dom名称,而非Css名称,比如:font-size应该写成fontSize
    查看全部
  • slideToggle()实现上下卷
    查看全部
  • .toggle(time)实现从隐藏到显示的切换
    查看全部
  • <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 没有传递参数,它的意思是: 1.将 li 的所有兄弟元素+li自己 放入一个 array 中(数组从 0 开始计数); 2.返回第一个 li 在 array 中的位置. $("li").index() //结果为 1 $("li").index(document.getElementById("test2")) //结果:1 $("li").index($("#test2")) //结果:1
    查看全部

举报

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

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