事件解析 :
jQuery基本的事件共有以下6种。
·页面事件。
·鼠标事件。
·键盘事件。
·表单事件。
·编辑事件。
·滚动事件。
事件操作是jQuery的核心。
1.页面事件
在jQuery中 ,我们使用$(documend).ready()来替代JavaScript中的window.onload ,但这两者之间有着一些区别 。
(1)JavaScript的onload事件
在JavaScript中 , onload表示文档加载完成后再执行的一个事件 。
语法 :window.onload = function(){
……………….
}
说明 :对于 JavaScript 的 onload 事件来说 ,只有当页面上的所有DOM元素以及所有外部文件(图片,外部CSS,外部JavaScript等)都加载完成之后再执行 。这里的“所有DOM元素”,指的是HTML部分的代码 。
(2)jQuery的ready事件
在jQuery中,ready也表示文档加载完成后再执行的一个事件。
语法 :$(document).ready(function(){
………………….
});
说明 :对于 jQuery 的 ready 事件来说 ,只要当页面上的所有DOM元素加载完成就可以执行 ,不需要等外部文件(图片,外部CSS,外部JavaScript等)加载完成。
jQuery的ready事件相当于JavaScript的onload事件来说,极大地提高了页面的响应速度,提供了更好的用户体验。
(3)ready事件的4种写法。
写法1 :
$(documend).ready(function(){
……………………..