动画

加载DOM

 1. 执行时机

$(document).ready()方法和window.onload方法相似,但是他们的执行时机不一样。

window.onload是等网页中的所有元素加载完成后才执行的

$(document).ready()是DOM完全就绪时,就可以调用

2. 多次使用

window.onload只能用一次,而$(document).ready()能多次调用

3. 简写方式

三种方式


动画

show()hide()里面可以加入参数"slow","normal""fast",或者毫秒,1000毫秒=1秒

fadeIn()fadeOut(),方法改变元素的不透明度,分别是显示和隐身

slideUp()和slideDown(),改变高度,up从下至上消失为止,down从上至下显示为止

animate()自定义动画,三个参数,动画的样式,速度(可选),动画完成时执行的函数(可选)

stop()停止动画,两个参数,都是布尔值,第一个代表是否情况动画列表,第二个代表是否直接到动画最后的状态

delay(xxxx)延迟动画

判断元素是否处于动画状态

if(!$(element).is(“:animated”){  }


获得焦点与失去焦点


高度变化

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 4,770评论 0 2
  • 一、JQuery中的事件 1.加载DOM 在页面加载完毕后,浏览器会通过 JavaScript 为 DOM 元素添...
    王闲森阅读 1,495评论 0 2
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 4,889评论 0 4
  • jQuery 中, $(document).ready()是什么意思? 必须在DOM元素加载完成后,即DOM树建立...
    怎么昵称阅读 2,472评论 0 1
  • 2017.6.26 星期一 雨 新的一周! 结束了期末考试,开始上九上的内容 今天是比较复杂的一天. 我的好朋...
    Whiskytaste阅读 1,560评论 0 0