jQuery：write less，do more

jQuery 写的少 做的多

1、什么是jQuery？
javascript代码库,即JavaScript对HTML操作
javascript封装好的函数

2、javascript和jquery的关系
jQuery 则是将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用
不需要再用原生 JavaScript 语句写大量代码
同时可在不同浏览器间实现一致的效果
jquery是基于JavaScript编写的
jquery全部都是JavaScript代码组成

3、jquery封装JavaScript的原生方法，提供了简便的函数接口，简化了JS的操作。

4、jQuery的用途
访问和操作DOM元素
控制页面的样式
对页面事件的处理
方便的使用jQuery插件
与Ajax技术的完美结合

5、jQuery的优势：
轻量级
强大的选择器
出色的DOM封装
可靠的事件处理机制
出色的浏览器兼容性
隐式迭代
丰富的插件支持

6、jQuery的语法结构

$(selector).action();
1、工厂函数$()
将DOM对象转化jQuery对象
2、选择器selector
获取需要操作的DOM元素
3、方法action()
jQuery中提供的方法 其中包括绑定事件处理的方法

7、

向被选元素添加一个或多个样式
jQuery 对象.addClass([样式名])
 
为匹配的元素添加css样式
css("属性","属性值");  //设置一个css属性
css("属性1":"属性值1","属性2":"属性值2",......); //设置多个css属性

8、

显示 隐藏HTML元素
$(selector).show();
$(selector).hide();

遍历
$(selector).children();

代码风格：

$的使用：$等同于jQuery
隐式迭代：直接设置元素的样式
在jQuery中获取一个集合后会默认遍历内部的所有元素
链式操作：对一个对象进行多重操作并将操作结果返回给该对象
next() 获得所匹配元素集合中每个元素其后紧邻的同辈元素

9、
DOM对象：直接使用JavaScript中的方法
jQuery对象：通过jQuery包装DOM对象后产生的对象，能够使用jQuery中的方法
将jQuery对象转化为DOM对象：①[index] ②get(index)
将DOM对象转化为jQuery对象：用$函数将DOM对象包起来