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

时间:2024-04-23 09:10:11 

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");
});

标签:window.onload
0
投稿

猜你喜欢

  • Python 遍历列表里面序号和值的方法(三种)

    2022-11-29 14:01:06
  • Python中操作各种多媒体,视频、音频到图片的代码详解

    2021-09-25 21:47:49
  • python 实现多进程日志轮转ConcurrentLogHandler

    2021-03-01 02:03:42
  • Windows下实现pytorch环境搭建

    2022-03-12 05:11:03
  • sql将一个表中的数据插入到另一个表中的方法

    2024-01-27 22:30:20
  • ASP:判断访问是否来自搜索引擎的函数

    2008-03-12 11:39:00
  • 一个统计表每天的新增行数及新增存储空间的功能

    2024-01-13 22:27:40
  • mysql 5.5 安装配置方法图文教程

    2024-01-20 04:28:35
  • anaconda的安装和配置环境及导入pycharm的方法

    2022-12-08 12:58:23
  • pygame实现键盘的连续监控

    2023-09-26 11:17:10
  • MySQL 通过索引优化含ORDER BY的语句

    2024-01-12 19:16:06
  • JS动态添加与删除select中的Option对象(示例代码)

    2023-09-17 02:15:31
  • sql注入数据库原理详情介绍

    2024-01-15 17:05:12
  • python3 打开外部程序及关闭的示例

    2022-06-16 22:23:15
  • Python3 中return和yield的区别

    2023-10-19 09:03:00
  • php结合js实现点击超链接执行删除确认操作

    2023-11-15 03:30:51
  • ES6新语法Object.freeze和Object.seal基本使用

    2024-04-10 16:10:04
  • 网页的栅格系统设计

    2008-09-19 21:13:00
  • 在django项目中导出数据到excel文件并实现下载的功能

    2023-09-10 08:31:43
  • 微信小程序顶部导航栏可滑动并选中放大

    2023-08-23 18:49:59
  • asp之家 网络编程 m.aspxhome.com