第一篇 认识JQuery
工欲善其事，必先利其器。
使用工具：dreamweaver 插件安装内容参看本人
http://small-ant.iteye.com/blog/1456381
jQuery下载地址 http://jquery.com/
javascript库的发展：Prototype、Dojo、jQuery（2006）、Ext JS（2007）
Prototype 最早成型的javascript库之一，现在也仍有项目在用，其实它就是把javascript库进行了封装，使用者可以直接取其中的片段放在自己的项目中来使用。缺点：成型年早，对面向对象的编程思想把握不到位，导致结构松散。不过该语言也在改进。
Dojo 缺点：学习曲线陡，文档不齐全，最严重的就是API不稳定，每次升级都会带来失效的问题
Ext JS 专注也界面，本身臃肿，付费。
JQuery优势：（1）轻量级（2）强大选择器（3）出色DOM封装（4）可靠地事件处理机制（5）完善的Ajax（6）不污染顶级变量（7） 出色地浏览器兼容性（8）链式操作方式（9）隐式迭代（10）行为层与结构层分离（11）丰富插件支持（12）完善的文档（13）开源
在页面中引用JQuery：<script type="text/javascript" src="jquery相对路径"></script>
编写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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery相对目录"></script>
<script>
$(document).ready(function(){ <!-- （1）-->
alert("我的第一个JQuery程序！");
})
</script>
</head>
<body>
</body>
</html>
（1）window.onload 与$(document).ready()对比
a.执行时机：window.onload必须等待网页中所有内容加载完毕后才能执行
$(document).ready()网页中所有DOM结构绘制完毕就执行，可能有些东西还没有加载完毕
b.编写个数：window.onload不能同时编写多个
$(document).ready()可以编写多个
c.简化写法 ： window.onload无
$(document).ready()有
jQuery代码风格：链式操作风格。同一个对象不超过3个操作，直接写一行，多个操作，一行写一个。要增加注释
jQuery和Dom对象：jquery转化为DOM :$a[0] 和$a.get(0)两种方法
DOM 转化为jquery :$(DOM对象)
之后。。。正在完成
208
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
