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代码为点击,且页面需要引用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-js教程-
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
相关推荐
- 写作辅助工具下载 Writeathon(写作辅助软件) v1.0.3 多语安装版 下载-
- 写作软件下载 StoryBox(小说辅助设计软件)V1.2.8.0 中文安装版 下载-
- 手机电子书助手下载 覃道明手机电子书助手 v1.0 免费安装版 下载-
- 公众号编辑工具下载 96编辑宝(公众号编辑工具) v3.0.8 官方安装版 下载-
- OCR文字识别下载 飞转OCR文字识别软件 V1.7.9 官方安装版 下载-
- CopiPasta下载 CopiPasta(剪贴板管理工具) v2.17 官方安装版 下载-
- Recording procedure下载 Recording procedure(剪切板记录工具) v1.0 绿色免费版 下载-
- 剪贴软件下载 云剪切板(剪贴工具) v1.0 绿色免费版 下载-
- Windows Path Copy下载 Windows Path Copy(文档路径复制软件) v16.0 免费安装版 下载-
- cliplogger下载 cliplogger(剪切复制软件) v1.2 绿色免费版 下载-