Jqyery中同等与js中windows.onload的应用
Jqyery中同等与js中windows.onload的应用
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(function(){//脚本})Jquery(function(){//脚本})Jquery(document).r...

复制代码 代码如下:

$(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教程学习
热门Javascript教程学习
编程开发子分类