页面加载即执行JQuery的三种方法
2023-09-27 14:24:54 时间
【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.Ajax()执行WCF Service的方法
- html文件中jquery与velocity变量中的$冲突的解决方法
- jQuery中on()方法用法实例
- jquery on()方法绑定多个选择器,多个事件
- 如何通过jQuery的css方法添加带有!important标记的样式
- jQuery添加自定义函数的三种方法
- Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据
- Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法
- jQuery.trim(str)
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- jQuery on()方法
- jquery常用方法总结(转)
- jquery实现ajax提交form表单的方法总结(转)
- jQuery 选择器大全总结
- JQuery 中的Show方法
- js&jquery 判断元素是否在数组内【转】
- jQuery 遍历 - map() 方法使用【转】
- jquery ajax 上传文件和传递参数到一个接口的实现方法
- jQuery 是javascript的一个库(常用插件、处理器)
- jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
- jQuery常用事件方法详解
- jQuery.extend()、jQuery.fn.extend()扩展方法具体解释
- jquery 将disabled的元素置为enabled的三种方法
- 兼容IE与firefox火狐的回车事件(js与jquery)
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- jquery 获取checkbox状态
- jQuery对select操作小结(遍历option,操作option)
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
- 基于jQuery+HTML5加入购物车代码
- 一款基于jquery的喜欢动画按钮
- Jquery.Qrcode在客户端动态生成二维码并添加自定义Logo
- Jquery中$.ajax()方法详解【转】