Jqyery中同等与js中windows.onload的应用
2011-05-10 00:00
597 查看
$(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>
那么这个加载事件可以放在任何位置了...
相关文章推荐
- Jqyery同等与js中windows.onload的应用
- Jqyery中同等与js中windows.onload的应用
- Jqyery同等与js中windows.onload的应用
- 解决不同js之间冲突windows.onload
- js window.onload 应用 addEventListener讲解
- [原创] 嵌入式浏览器 使用 nw.js 打包windows 版的嵌入式浏览器 移动桌面应用
- node.js应用生成windows service的plugin——winser
- js中应用js文件
- 利用Bluemix and Bluemix DevOps 服务开发 Node.js应用
- 快速构建Windows 8风格应用18-基础控件I
- Windows 8和 Windows Phone 应用商店版权问题投诉渠道
- c# .net windows消息队列简单应用示例
- 开发 Windows 8 Bing地图应用(3)
- Windows 8 应用的页面导航(1)
- Windows 8 页面应用测试(3)
- 【Miaov】JS2-for应用
- Windows应用开发中常用的设计模式
- JS: onfocus和onblur事件应用举例
- JS常用字符串处理方法应用总结
- Node.js巧妙实现Web应用代码热更新