Jqyery中同等与js中windows.onload的应用
更新时间：2011年05月10日 23:49:39 作者：
我们知道，在javascript中用来执行页面加载中的操作时候，我们会使用windows.onload=function(){}或者windows.onload=函数名(),也可以在body中调用onload事件调用方法即可，在jQuery中也有相当的代码
复制代码 代码如下:
$(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>
那么这个加载事件可以放在任何位置了...
相关文章
这篇文章主要介绍了Laravel admin实现消息提醒、播放音频功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
这篇文章主要为大家详细介绍了jQuery对table表格进行增删改查操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
本篇文章是对jQuery中的ajax技术进行了详细的分析介绍，需要的朋友参考下2013-06-06
这篇文章主要介绍了jQuery中position()方法用法,实例分析了position()方法的功能、定义及获取匹配元素相对某些元素的偏移量时的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JQuery与JS里submit()的区别,需要的朋友可以参考下2014-02-02
Jquery 滑入滑出效果实现代码，需要的朋友可以参考下。2010-03-03
jQuery Validate设置onkeyup验证的实例代码
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。这篇文章主要介绍了jQuery Validate设置onkeyup验证的相关资料,需要的朋友可以参考下2016-12-12
本文给大家介绍JQuery和PHP结合实现动态进度条上传显示功能，本文分步骤给大家介绍的非常详细，感兴趣的朋友一起看看吧2016-11-11
XSS指的是跨站脚本攻击,比如人们常说的向$传入字符串或者字符串转换可执行函数等一些安全方面值得注意的细节,下面就为大家整理了jQuery使用中可能被XSS攻击的一些危险环节提醒2016-05-05
下面小编就为大家带来一篇修改jquery中dialog的title属性方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
最新评论