jquery加载页面的方法(页面加载完成就执行)

 更新时间:2011年06月21日 23:43:15   作者:  
jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。
1、$(function(){
  $("#a").click(function(){
    //adding your code here
  });
});
2、$(document).ready(function(){
  $("#a").click(function(){
    //adding your code here  
  });
});
3、window.onload = function(){
  $("#a").click(function(){
    //adding your code here
  });
}
html代码为<input type="button" id="a">点击</input>,且页面需要引用jquery的js文件

一般的加载页面时调用js方法如下:

window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码
};

这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。

但是用jquery的方法:

$(document).ready(function() {

// 任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});

就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。

还有一种简写的方式:

$(function() {

// 任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});

相关文章

  • jquery分页插件jquery.pagination.js实现无刷新分页

    jquery分页插件jquery.pagination.js实现无刷新分页

    这篇文章主要介绍了jquery分页插件jquery.pagination.js实现无刷新分页的相关资料,需要的朋友可以参考下
    2016-04-04
  • jQuery对于显示和隐藏等常用状态的判断方法

    jQuery对于显示和隐藏等常用状态的判断方法

    这篇文章主要介绍了jQuery对于显示和隐藏等常用状态的判断方法,给出了两种较为常用的判断方法,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • 解决IE7中使用jQuery动态操作name问题

    解决IE7中使用jQuery动态操作name问题

    IE7中无法使用Jquery动态操作页面元素的name属性,怎么解决这个问题呢?下面小编给大家带来了解决IE7中使用jQuery动态操作name问题,需要的朋友参考下吧
    2017-08-08
  • jQuery中layer分页器的使用

    jQuery中layer分页器的使用

    本篇文章主要介绍了jQuery中layer分页器的使用,实例介绍了layer分页器的技巧,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • 对于this和$(this)的个人理解

    对于this和$(this)的个人理解

    this指的是javascript对象而$(this)就是就jquery对象,不懂的朋友可以看看本文
    2013-09-09
  • jQuery实现 注册时选择阅读条款 左右移动

    jQuery实现 注册时选择阅读条款 左右移动

    本篇文章,小编将为大家介绍jQuery实现 注册时选择阅读条款 左右移动,有需要的朋友可以参考一下
    2013-04-04
  • jQuery操作Table技巧大汇总

    jQuery操作Table技巧大汇总

    这篇文章主要介绍了jQuery操作Table技巧,实例汇总了jQuery针对Table的鼠标响应、样式修改、添加删除等常用技巧,需要的朋友可以参考下
    2016-01-01
  • 实例代码详解jquery.slides.js

    实例代码详解jquery.slides.js

    slides是一款强大的,专业的幻灯片组件,能够全方位对幻灯片的速度控制,本文通过代码实例给大家讲解jquery.slides.js,感兴趣的朋友一起学习
    2015-11-11
  • cssQuery()的下载与使用方法

    cssQuery()的下载与使用方法

    cssQuery()的下载与使用方法...
    2007-01-01
  • JQuery从头学起第一讲

    JQuery从头学起第一讲

    JQuery的重要性对一个coder来说应该是不言而喻的, 多少次在应聘的时候被问及是否会JQuery;多少次在写脚本的时候因为浏览器的不兼容而吐血;多少次因为需要用脚本做一个简单的效果而写到手抽筋。JQuery出现后,很多问题都被轻易解决了。
    2010-07-07

最新评论