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


Posted in Javascript onMay 10, 2011
$(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匿名函数的一种应用 代码封装
Jun 27 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
Jan 27 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
Oct 09 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 #Javascript
JavaScript中为元素加上name属性的方法
May 09 #Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 #Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 #Javascript
关于JavaScript的with 语句的使用方法
May 09 #Javascript
JavaScript的parseInt 取整使用
May 09 #Javascript
实现变速回到顶部的JavaScript代码
May 09 #Javascript
You might like
用户的详细注册和判断
2006/10/09 PHP
PHP与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
IE中createElement需要注意的一个问题
2010/07/13 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
Javascript实现字数统计
2015/07/03 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
使用Python开发windows GUI程序入门实例
2014/10/23 Python
python中readline判断文件读取结束的方法
2014/11/08 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
python命令行解析之parse_known_args()函数和parse_args()使用区别介绍
2018/01/24 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
Python 转换文本编码实现解析
2019/08/27 Python
浅析Django中关于session的使用
2019/12/30 Python
python集合删除多种方法详解
2020/02/10 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python实现经纬度采样的示例代码
2020/12/10 Python
班组长的岗位职责
2013/12/09 职场文书
房产销售经理职责
2013/12/20 职场文书
地质灾害防治方案
2014/05/14 职场文书
2015年中秋晚会主持词
2015/07/01 职场文书
oracle数据库去除重复数据
2022/05/20 Oracle
MySQL数据库简介与基本操作
2022/05/30 MySQL