Jqyery中同等与js中windows.onload的应用


Posted in Javascript onMay 10, 2011
$(function(){//脚本}) 
Jquery(function(){//脚本}) 
Jquery(document).ready(function(){//脚本})

以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突:

jQuery(function($){//脚本})

他们都是当Dom加载完后执行的操作,所以放在html的任何位置都可以,但是有些情况,比如上一节提到的加载事件的方法

<div id="divInfo">Hello,Word!</div> 
<input id="btnShow" type="button" value="显示" /> 
<input id="btnHid" type="button" value="隐藏" /> 
<input id="btnChange" type="button" value="修改为:hello" /> 
<script type="text/javascript"> 
$("#btnShow").bind("click",function(event){$("#divInfo").show()}); 
$("#btnHid").bind("click",function(event){$("#divInfo").hide();}); 
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");}); 
</script>

这里面则是在加载的过程中执行的,就是必须加载完相关元素才可以执行,如果把他们放到上面的代码中就灵活的多了
<div id="divInfo">Hello,Word!</div> 
<input id="btnShow" type="button" value="显示" /> 
<input id="btnHid" type="button" value="隐藏" /> 
<input id="btnChange" type="button" value="修改为:hello" /> 
<script type="text/javascript"> 
jQuery(function($){$("#btnShow").bind("click",function(event){$("#divInfo").show()}); 
$("#btnHid").bind("click",function(event){$("#divInfo").hide();}); 
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");}) 
}) 
</script>

那么这个加载事件可以放在任何位置了...
Javascript 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
JS重要知识点小结
Nov 06 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 Javascript
JS常用正则表达式总结
Nov 12 Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
JavaScript随机生成颜色的方法
Oct 15 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 #Javascript
JavaScript中为元素加上name属性的方法
May 09 #Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 #Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 #Javascript
关于JavaScript的with 语句的使用方法
May 09 #Javascript
JavaScript的parseInt 取整使用
May 09 #Javascript
实现变速回到顶部的JavaScript代码
May 09 #Javascript
You might like
用PHP读取IMAP邮件
2006/10/09 PHP
PHP 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
详解PHP导入导出CSV文件
2014/11/03 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
jQuery动画animate方法使用介绍
2013/05/06 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
javascript中toFixed()四舍五入使用方法详解
2018/09/28 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
python中使用smtplib和email模块发送邮件实例
2014/04/22 Python
pandas实现选取特定索引的行
2018/04/20 Python
Python使用pickle模块报错EOFError Ran out of input的解决方法
2018/08/16 Python
python调用百度REST API实现语音识别
2018/08/30 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
python使用threading.Condition交替打印两个字符
2019/05/07 Python
Django保护敏感信息的方法示例
2019/05/09 Python
django url到views参数传递的实例
2019/07/19 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
numpy.random.shuffle打乱顺序函数的实现
2019/09/10 Python
python中必要的名词解释
2019/11/20 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
保荐人的岗位职责
2013/11/19 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python