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 相关文章推荐
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
jquery ajax修改全局变量示例代码
Nov 08 Javascript
javascript中动态函数用法实例分析
May 14 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
node.js中debug模块的简单介绍与使用
Apr 25 Javascript
详解Vue中watch的高级用法
May 02 Javascript
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
jQuery实现购物车全功能
Jan 11 jQuery
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
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
PHP随机生成随机个数的字母组合示例
2014/01/14 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
实现PHP中session存储及删除变量
2018/10/15 PHP
JavaScript 语言的递归编程
2010/05/18 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
iview table render集成switch开关的实例
2018/03/14 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
html5 touch事件实现触屏页面上下滑动(二)
2016/03/10 HTML / CSS
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
与UNIX有关的几个名词
2015/09/17 面试题
高中家长寄语
2014/04/02 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
2015年招生工作总结
2015/05/04 职场文书
学校运动会通讯稿
2015/07/18 职场文书
Redis 报错 error:NOAUTH Authentication required
2022/05/15 Redis