源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-04-24 03:42 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Jqyery中同等与js中windows.onload的应用
[u]复制代码[/u] 代码如下:
$(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本})
以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突: jQuery(function($){//脚本}) 他们都是当Dom加载完后执行的操作,所以放在html的任何位置都可以,但是有些情况,比如上一节提到的加载事件的方法
[u]复制代码[/u] 代码如下:
<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>
这里面则是在加载的过程中执行的,就是必须加载完相关元素才可以执行,如果把他们放到上面的代码中就灵活的多了
[u]复制代码[/u] 代码如下:
<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>
那么这个加载事件可以放在任何位置了...
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部