如果你对javascript是了可以跟你举一个例子：
新建一个 HTML 文件 1-1.html，加入如下所示的代码。
一个简单的 jQuery 应用
在上述文件的代码中，有一段如下的代码 ：
$(document).ready(function(){
//程序段
})
该段代码类似于传统的 JavaScript 代码：
window.onload=function(){
//程序段
}
//--
//window.onload=function(){...}的作用又跟声明函数loading function loading(){...}，并在html的<body onload="loading()">调用一样
//这样写就不用在body的onload事件里面调用，只需在js程序段里面编写即可
//--
虽然上述两段代码在功能上可以互换，但它们之间又有许多区别 ：
执行时间不同： $(document).ready在页面框架下载完毕后就执行；而window.onload必须
在页面全部加载完毕（包含图片下载）后才能执行。很明显，前者的执行效率高于后者。
执行数量不同： $(document).ready可以重复写多个，并且每次执行结果不同；而window.
onload尽管可以执行多个，但仅输出最后一个执行结果，无法完成多个结果的输出。
$(document).ready(function(){}) 可以简写成 $(function(){})，因此与下面的代码是等
价的。
$(document).ready(function(){
// 程序段
})
等价于
$(function(){
// 程序段
})
新建一个 HTML 文件 1-1.html，加入如下所示的代码。
一个简单的 jQuery 应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 第一个简单的jQuery 程序 </title>
<script language="javascript" type="text/javascript"
src="Jscript/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("您好, 欢迎来到jQuery世界");
})
</script>
</head>
<body>
</body>
</html>
在上述文件的代码中，有一段如下的代码 ：
$(document).ready(function(){
//程序段
})
该段代码类似于传统的 JavaScript 代码：
window.onload=function(){
//程序段
}
//--
//window.onload=function(){...}的作用又跟声明函数loading function loading(){...}，并在html的<body onload="loading()">调用一样
//这样写就不用在body的onload事件里面调用，只需在js程序段里面编写即可
//--
虽然上述两段代码在功能上可以互换，但它们之间又有许多区别 ：
执行时间不同： $(document).ready在页面框架下载完毕后就执行；而window.onload必须
在页面全部加载完毕（包含图片下载）后才能执行。很明显，前者的执行效率高于后者。
执行数量不同： $(document).ready可以重复写多个，并且每次执行结果不同；而window.
onload尽管可以执行多个，但仅输出最后一个执行结果，无法完成多个结果的输出。
$(document).ready(function(){}) 可以简写成 $(function(){})，因此与下面的代码是等
价的。
$(document).ready(function(){
// 程序段
})
等价于
$(function(){
// 程序段
})
分享到：
发表评论
-
jquery方法扩展使用
2014-12-02 19:28 790//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery操作select值，jqery设置select值
2014-10-15 21:26 1154每一次操作select的时候，总是要出来翻一下资料，不如自己总 ... -
jquery ajax相关操作
2014-09-28 13:50 837--ajax 请求当有记录时给予提交，rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1128function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2364<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3066在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1512CSS中line-height与height的区别？ lin ... -
freemarker为空判断详细
2014-05-27 22:08 53021freemarker里面判断为空只有？？，后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17685FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2677以下引用官方描述： The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2736?date,?time和?datetime，因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 25191.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 18551.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1423//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1217jQuery.validate是一款非常不错的表单验证工具，简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1446jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2110<!DOCTYPE html PUBLIC " ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 137231. freemarker获取list的size ： ... -
Extjs Config和Mixins
2014-03-05 13:23 1084Extjs 4中，为类型系统引入了Config概念，Con ... -
js回调函数
2014-03-04 11:40 1097回调函数(Callback Functions ...
相关推荐
在Jquery的$.ajax请求中，我们可以通过设置`dataType`参数来指定期望的响应类型。例如，如果我们希望获取JSON格式的数据，可以这样写： ```javascript $.ajax({ url: 'your-url', type: 'GET', dataType: 'json'...
4. **动画效果**：jQuery的$.fn.animate()方法可以实现复杂的动画效果，而$.fn.show(), $.fn.hide(), $.fn.fadeIn(), $.fn.slideDown()等方法则提供了常见的显示和隐藏动画。 5. **Ajax交互**：$.ajax()是jQuery...
在实际应用中，开发者应仔细阅读这份文档，理解每个选项和方法的含义，以便更好地利用jQuery Form Plugin。 总结来说，jQuery Form Plugin是jQuery库的一个强大补充，它让表单处理变得简单而高效。无论是异步提交、...
除了作为选择器，`$`还可以作为一个对象使用，它包含了jQuery提供的一系列方法，如`$.ajax()`、`$.post()`和`$.get()`等。这些方法提供了与服务器进行异步数据交换的能力，比如发送HTTP GET或POST请求。例如，`$....
此外，jquery.i18n.properties插件还支持动态改变当前语言环境，只需重新调用`$.i18n.properties`并传入新的语言代码即可。这使得在用户更改语言设置时，无需刷新页面就能实时更新内容。 在实际项目中，前端开发者...
本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍，并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中，$(this) 常用于引用当前事件的元素对象，而 ....
要调用jQuery Messager，只需使用$.messager.show()方法，传入相应的参数来定制消息内容、类型、位置等。例如，显示一个简单的警告信息： ``` $.messager.show({ title: '警告', msg: '请注意，这是一个警告...
【前端项目-jquery.maskedinput.zip】是一个包含前端开发中常用的jQuery插件——jQuery Masked Input Plugin的资源压缩包。这个插件主要用于在HTML表单中实现输入字段的格式化，帮助用户按照预设的模式进行输入，...
总的来说，jQuery validate.js是Web开发中不可或缺的工具，它大大提升了表单验证的效率和用户体验。通过学习其API和实践应用，开发者可以更好地理解和掌握表单验证的复杂逻辑，从而在项目中游刃有余。提供的jQuery....
通过获取不同语言对应的JavaScript文件路径，并使用jQuery的$.getScript方法动态加载对应语言的组件库。 ```javascript function changeEasyuiLanguage(languageName) { // 动态加载对应的EasyUI语言包 } ``` 5. ...
$.exif(file, function(exifData) { console.log(exifData); // 在这里处理Exif数据 }); } }); ``` 这个函数可以用于各种应用场景，例如创建一个照片上传服务，根据Exif信息自动调整图片方向，或者创建一个...
首先，让我们理解标题"jquery窗口震动特效.zip"所指的含义。这里的“窗口”通常指的是浏览器窗口或者网页中的某个元素，而“震动特效”则是通过编程手段让这些元素产生一种动态的、类似震动的运动效果。这个压缩包...
【标题】：“网易保健品商城网站的jQuery焦点图代码”是一个前端开发中的常见功能，它涉及到网页动态展示技术，特别是利用jQuery库实现的图片轮播效果。这个压缩包中包含的是一段用于在网易保健品商城网站上展示商品...
3. **初始化插件**：在JavaScript中调用`$.fn.fullpage()`方法，配置相关参数。 4. **自定义样式**：根据需求调整CSS样式，使轮播内容符合项目设计。 5. **扩展功能**：利用提供的API和事件，实现更复杂的功能，如...
在jQuery中，我们可以使用`draggable()`和`droppable()`这两个插件来创建拖动源和目标区域。 1. **jQuery draggable()**: 这个方法将指定的元素变为可拖动的。开发者可以通过设置各种选项来自定义拖动行为，例如...
首先，我们需要明确this关键字在JavaScript和jQuery中的含义。在JavaScript中，this关键字指的是当前函数的上下文对象。在jQuery的回调函数中，比如事件处理函数，this通常指向触发事件的DOM元素。而在jQuery中，$...
- **Ajax**：jQuery的$.ajax()和$.get()、$.post()等方法简化了异步数据获取，使得与服务器的交互更加便捷。 最后，jQuery生态系统中有许多优秀的插件，如Masonry和Cookie，它们扩展了jQuery的功能，满足了不同项目...
3. **插件开发**：jQuery 插件通常是通过扩展 $.fn 来实现的，例如创建一个自定义的滚动插件 `$.fn.customScroll = function(options) {...}`。 ## 四、jQuery注释 学习过程中，对源码和实例进行注释是非常有益的...
参数含义与`$.get()`相同，只是POST请求通常用于传递大量或敏感数据，因为POST请求的数据会出现在请求体中，而GET请求的数据则会显示在URL中，可能导致安全问题。 在实际应用中，这两种方法都可以接收额外的配置...
首先，我们需要理解“手风琴”（Accordion）这一概念在网页设计中的含义。手风琴效果通常用于展示内容时，它允许用户展开或折叠多个部分，以节省页面空间。在这个特定的案例中，我们将这种效果应用于图片，即每次...