页面加载即执行JQuery的三种方法

简介: 页面加载即执行JQuery的三种方法

【1】$(function( ){ });

  $(function(){ 
  $("#name").click(function(){ 
    //adding your code here 
  }); 
}); 

【2】 $(document).ready(function( ){ })

$
  $(document).ready(function(){ 
  $("#name").click(function(){ 
    //adding your code here   
  }); 
}); 

第二种是第一种的完整形式。

【3】window.onload = function( ){ }

 window.onload = function(){ 
  $("#name").click(function(){ 
    //adding your code here 
  }); 
} 

【4】后面两种的区别

[1]执行的时机不同 
window.onload要等整个窗口(包括图片)都加载完才触发 执行 
$(document).ready()在 DOM 结构绘制完成后就可执行 
[2]编写的个数 
window.onload 编写多个时,只有最后的那起作用 
$(document).ready()可以编写多个,都生效 
[3]简化写法 
window.onload 无 
$(document).ready()可简写为() 
Tip :jQuery中真正与 window.onload完全等价的是$(window).load()方法
目录
相关文章
|
2月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
32 5
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
19 1
|
1月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
46 6
|
2月前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
29 10
|
2月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
30 2
|
2月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
15 3
|
2月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
22 5
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
32 1
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
14 2
|
2月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
28 7