关于页面加载即执行JQuery的三种方法小结_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()方法

jQuery页面加载事件

在jQuery对象与js对象之间的转换的案例中，我们看到所有的js代码都放到了body标签之后，如果把js代码放到head标签中，js代码就会报错，这个问题我们已经在js中学过，就是需要让页面加载完成之后再执行.

通过不同方式获得文本内容111
通过不同方式获得文本内容222

js中的页面加载事件

通过不同方式获得文本内容

jquery对页面加载事件也进行了封装,让我们使用起来更加的简单

jQuery中的页面加载事件 方式1:(理解)

$(document).ready(function(){ //编写代码 });

方式2:(掌握)

$(function(){ //编写代码 });

代码

效果

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！