会员投稿
RSS订阅摘要： jquery环境配置：jquery不需要安装，把下载的jquery-1.3.1.1js放置到网站上的一个公共的位置，想要在某个页面上使用jquery时，只需要在相关的html文档中加入该库文件位置即可。
第一节 jquery学习笔记：编写第一个jquery代码示例
在开始学习jquery以前首先需要明白两个概念：
jquery环境配置：jquery不需要安装，把下载的jquery-1.3.1.1js放置到网站上的一个公共的位置，想要在某个页面上使用jquery时，只需要在相关的html文档中加入该库文件位置即可。
在页面中引入jquery：以后的实例中，我们将juqery放置到了目录script下，在所提供的jquery例子中为了方便调试，引用时使用的是绝对路径。在实际项目中需要调整jquery库路径。
在编写的页面中<head>标签内引入jquery库后，就可以使用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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1-1</title> <!—在引入 jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> </head> <body> </body> </html> |
在开始变细第一个jquery程序之前，首先应该明确一点，在jquery库中，$就是jquery的一个简写形式，例如$(“#foo”)和jquery(“#foo”)是等价的，$.ajax和jquery.ajax是等价的。如果没有特别说明，程序中的$符号都是jquery的一个简写形式。
下面开始编写第一个jquery程序：
运行结果如图1-1所示：
图1-1 输出hello world！
在上面的代码中有一个陌生的代码片段，如下：
| $(document).ready(function(){ …… }); |
•执行时机：window.onload必须等待网页中的所有的内容加载完毕后才能执行（包括图片）。而$(document).ready()是所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完。
•编写个数：不能同时编写多个window.onload代码而$(document).ready是可以的
•简化写法：window.onload并没有简化写法。，$(document).ready(function(){});可以简化成：$(function(){});
