JQuery 学习笔记（随笔）01

第一篇认识JQuery

工欲善其事，必先利其器。

使用工具：dreamweaver 插件安装内容参看本人

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">

<head>

<title>无标题文档</title>

$(document).ready(function(){

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对象)

之后。。。正在完成