首页 ›存档› 技术 › 查看内容

（轻松学PHP-JS篇）jQuery学习-事件

2018-3-30 13:00 |来自: 互联网 298 0

摘要: PHP自学与交流中心QQ群：435916459 jQuery中的事件加载DOM 在jQuery中是用$(document).ready()方法来替代JavaScript中的window.onload方法的，但是他们也有一些不同点 1、执行时机例如我们有一个有很多图片的 ...

PHP自学与交流中心QQ群：435916459

jQuery中的事件

加载DOM

在jQuery中是用$(document).ready()方法来替代JavaScript中的window.onload方法的，但是他们也有一些不同点

1、执行时机

例如我们有一个有很多图片的网页

$(document).ready()方法是在这个网页的DOM树加载完就可以执行的，而window.onload方法必须在DOM树加载完和图片都加载完才执行

如果使用jQuery我们想要在整个页面加载完在执行可以使用load()方法

下面两段代码的功能是一样的

/ /jQuery$(window).load(function(){ 
// 代码1 
});     // JavaScript

window.onload = function(){
// 代码2
   };

2、多次使用

avaScript的onload事件一次只能保存对一个函数的引用，而$(document).ready()可以保存多个

function one(){
alert('1');
}            
function two(){
alert('2');
}   
// JavaScript
window.onload = one;
window.onload = two;//只执行two()

// jQuery
$(document).ready(function(){
one();
});
$(document).ready(function(){
two();
 });//one() 和 two()都会执行