Jquery中"$(document).ready(function(){})"函数的使用详解
Jquery是优秀的Javascrīpt框架,$是jquery库的申明,它很不稳定(我就常遇上),换一种稳定的写法jQuery.noConflict();jQuery(document).ready(function(){});
使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作.
比如jquery写法:
$("divp");//(1)
$("div.container");//(2)
$("div#msg");//(3)
$("tablea",context);//(4)
$("#myId");//(5)
第一行代码得到所有<div>标签下的<p>元素。第二行代码得到class为container的<div>元素,第三行代码得到<div>标签下面id为msg的元素。第四行代码得到context为上下文的table里面所有的连接元素。第五行代码得到id为myid的所有元素
如果你熟悉CSS,你会觉得这些写法很眼熟!对了。正是。看出奥妙了吧。jquery就是通过这样的方式来找到Dom对象里面的元素。跟CSS的选择器相类似。
现在回答你的具体问题吧
$(document).ready(function(){
alert("hello");
});(1)
<bodyonload="alert("hello");">(2)
上面两段代码是等价的。但代码1的好处是做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready(fn)可以在一个页面中重复出现,而不会冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起来,在初始化时不会发生冲突。
如果我们在
$(document).ready(function(){
加入的内容
});
加入内容$(".btn-slide").click(function(){
alert("你单击了a标签中class等于btn-slide的连接");
});
则表示当我们单击class=btn-slide的超级连接时弹出“你单击了a标签中class等于btn-slide的连接”对话框.
如此方便易用,因此使用jquery是一个不错的选择。
相关文章
- jQuery 选择器基本使用方法大全详解编程语言
- 使用 jquery 获取一组或者单个 checkbox 的选中状态的值详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- jQuery基本选择器使用,新手入门必备详解编程语言
- 使用jQuery进行DOM操作详解编程语言
- jquery.cookie.js中$.cookie() 使用方法详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jquery ajax怎么使用jsonp跨域访问详解编程语言
- jquery里的each使用方法详解
- php中jQuery插件autocomplate的简单使用笔记
- 『jQuery』名称冲突使用noConflict方法解决
- Jquery事件的连接使用示例
- JQuery获取json数据$.getJSON方法的实例代码
- 文本有关的样式和jQuery求对象的高宽问题分别说明
- asp.net使用jquery实现搜索框默认提示功能
- js点击出现悬浮窗效果不使用JQuery插件
- jquery基础教程之deferred对象使用方法
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery选择器使用详解
- jquery新的绑定事件机制on方法的使用方法
- jquery扑捉回车键事件代码
- jquery常用特效方法使用示例
- 使用Jquery获取带特殊符号的ID标签的方法
- 自己使用js/jquery写的一个定制对话框控件
- jquery幻灯片插件bxslider样式改进实例
- jquery图片播放浏览插件prettyPhoto使用详解
- jQuery实现瀑布流的取巧做法分享
- jquery使用正则表达式验证email地址的方法
- jquery使用$(element).is()来判断获取的tagName
- 使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证