首页

当前位置:永利皇宫463登录 > 首页 > Jqyery中一致与js中windows

Jqyery中一致与js中windows

来源:http://www.makebuLuo.com 作者:永利皇宫463登录 时间:2019-11-22 20:52

复制代码 代码如下: $ Jquery Jquery.ready 以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突: jQuery 他们都是当Dom加载完后执行的操作,所以放在html的任何位置都可以,但是有些情况,比如上一节提到的加载事件的方法 复制代码 代码如下:

      我们知道,在javascript中用来执行页面加载中的操作时候,我们会使用windows.onload=function(){}或者windows.onload=函数名(),也可以在body中调用onload事件调用方法即可,在jQuery中也有相当的代码

Hello,Word!

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

这里面则是在加载的过程中执行的,就是必须加载完相关元素才可以执行,如果把他们放到上面的代码中就灵活的多了 复制代码 代码如下:

      Jquery(function(){//脚本})

Hello,Word!

      Jquery(document).ready(function(){//脚本})

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

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

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

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

    

图片 1图片 2View Code

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

这里面则是在加载的过程中执行的,就是必须加载完相关元素才可以执行,如果把他们放到上面的代码中就灵活的多了

 

图片 3图片 4View Code

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

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

 

本文由永利皇宫463登录发布于首页,转载请注明出处:Jqyery中一致与js中windows

关键词:

上一篇:Web前端之家

下一篇:没有了