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

156 阅读 0 评论 103 点赞

我是靠谱客的博主美好蛋挞，最近开发中收集的这篇文章主要介绍Jqyery中同等与js中windows.onload的应用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
$(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> 

那么这个加载事件可以放在任何位置了...