分享一篇JQuery的学习实例
程序员文章站
2022-04-10 10:33:11
...
JS 中的 window.onload() 方法与 Jquery 中的 $(document).read(function( ){ }) 的区别 :
加载时机不一样, window.onload()要等所有文件都加载完毕 ( js , css 文件 , 以及图片资源 ) , 而 Jquery 的方法只需要等 DOM 树形成即可 ;
$(document).read(function( ){ }) 可简写为 $(function( ) { }) ;
$(document).read(function( ){ }) 可以绑定多个函数, 而 window.onload() 只有这一个事件 .
Jquery 中两个合成事件: hover 和 toggle 事件 , toggle事件可以放置任意多个函数 , 通过 click 循环调用函数 , 当toggle作为一个函数被调用时 , 它表示的意思是元素节点的显示与隐藏 .
还有一个slideToggle() , 它是将 slideUp() 和 solideDown() 进行了集成 ,
Jquery中的三种动画:
show() / hide()
fadeIn() / fadeOut()
slideUP() / slideDown()
动画的包装方法 : animate() ,
以上就是分享一篇JQuery的学习实例的详细内容,更多请关注其它相关文章!
上一篇: HTML和CSS的一些知识点的汇总
下一篇: 移动端如何做出字母索引导航