分享一篇JQuery的学习实例

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() ,

Atas ialah kandungan terperinci 分享一篇JQuery的学习实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!