jQuery安装+选择器+对象.docx
TheWriteLess,DoMore（少写多做）——JQuery上
目录
TOC\o1-3\h\z\uTheWriteLess,DoMore（少写多做）——JQuery上 1
一、历史 3
1、什么是jQuery 3
2、什么是JavaScript代码库 3
3、为什么要学习jQuery 3
二、部署jQuery 3
1、下载源码包() 3
2、源码类别 4
3、使用JQuery 4
三、jQuery教程 5
1、基本选择器 5
2、层次选择器 5
3、简单选择器 6
4、内容选择器 7
5、可见性选择器 7
6、属性选择器 8
7、子元素选择器 8
8、表单选择器 9
9、表单对象属性选择器 10
综合案例： 10
四、jQuery对象 11
1、什么是DOM对象 12
2、什么是jQuery对象 12
3、深入探讨jQuery对象 12
4、jQuery对象转DOM对象 13
5、DOM对象转jQuery对象 13
五、属性操作 14
1、属性 15
2、Class操作 15
3、html/text/val 16
4、CSS操作 17
5、位置操作 17
6、尺寸操作 18
六、事件编程 18
1、页面载入ready方法 19
2、基本事件 19
3、探讨jQuery中的事件绑定中的this指向 20
4、事件切换 21
一、历史
1、什么是jQuery
一款免费且开放源代码的JavaScript代码库
2、什么是JavaScript代码库
Prototype框架（代码库），是成型比较早的Javascript代码库，面向对象的思想不完善且整个代码比较松散。
Dojo框架，Dojo框架具有很多框架不具有的功能，比如离线存储等，其核心代码比较精简，但是其门槛较高且文档不全，版本不稳定。
Mootools框架，整个框架核心代码只有8k，完整版也只有100多k，所以代码非常精简，对于面向对象的支持非常完善。
ExtJS框架，通过Javascript可以编写富媒体，本身界面非常的美化，非常炫，但是其比较耗资源，而且其是收费的。
jQuery框架（2006年，Javascript专家-美国人约翰特里），以其强大的DOM框架、Ajax封装等一些功能为所有程序员所推崇。
3、为什么要学习jQuery
DOM操作
事件绑定
Ajax
…
二、部署jQuery
1、下载源码包()
1.2.1版本
1.3.1版本
1.4.4版本
1.7.2版本
1.8.3版本（比较稳定，对jqueryui等框架支持比较好）
2.1.3版本（不在支持IE6/IE7/IE8）
后续学习：jQueryUI或EasyUI，手机开发（jQueryMobile）
2、源码类别
jquery-1.8.3.js：（学习版），没有去除空格与回车，具有可读性，方便学习
jquery-1.8.3.min.js：（开发版），去除多余的空格与回车，不具有可读性，但是代码进行压缩，整个大小只有92kb
3、使用JQuery
复制核心js文件到项目目录中即可
三、jQuery教程
jQuery选择器（九大选择器）
基本
层级
简单
内容
可见性
属性
子元素
表单
表单对象属性
1、基本选择器
#id：通过元素的id属性，匹配元素
Element：通过元素名称，匹配元素
selector1,selector2：同时匹配多个选择器
.class：通过元素的class属性，匹配元素
demo01.html示例代码
2、层次选择器
ancetordescendant：选取ancetor下的所有后代元素(所有子孙元素…)
parentchild：选取parent下的子元素
prev+next：选取prev元素的相邻的下一个元素
prev~siblings：选取prev元素的所有同级元素
demo02.html
3、简单选择器
:first：选择第一个元素
:last：选取最后一个元素
:even：偶数
:odd：奇数
:eq(index)：选取索引为index的元素，默认从0开始
:gt(index)：选择索引大于index的元素，默认从0开始
:lt(index)：选取索引小于index的元素，默认从0开始
:not(selector)：选择选择器不为selector的元素
demo03.html
4、内容选择器
:contains(text)：匹配元素内容包含text文本的元素