欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

分享一篇JQuery的学习实例

程序员文章站 2022-04-10 10:33:11
...

JS 中的 window.onload() 方法与 Jquery 中的 $(document).read(function( ){ }) 的区别 :

  1. 加载时机不一样, window.onload()要等所有文件都加载完毕 ( js , css 文件 , 以及图片资源 ) , 而 Jquery 的方法只需要等 DOM 树形成即可 ;

  2. $(document).read(function( ){ }) 可简写为 $(function( ) { }) ;

  3. $(document).read(function( ){ }) 可以绑定多个函数, 而 window.onload() 只有这一个事件 .

Jquery 中两个合成事件: hover 和 toggle 事件 , toggle事件可以放置任意多个函数 , 通过 click 循环调用函数 , 当toggle作为一个函数被调用时 , 它表示的意思是元素节点的显示与隐藏 .

还有一个slideToggle() , 它是将 slideUp() 和 solideDown() 进行了集成 ,

Jquery中的三种动画:

  1. show() / hide()

  2. fadeIn() / fadeOut()

  3. slideUP() / slideDown()

动画的包装方法 : animate() ,

以上就是分享一篇JQuery的学习实例的详细内容,更多请关注其它相关文章!