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

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

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

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

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

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

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

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

    

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

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

 

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

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