jQuery前端框架

一、引言：

1. jQuery是JavaScript的框架产品。
2. 简化JavaScript编程（Write Less Do More）。
3. 屏蔽浏览器差异。
4. 提供了丰富的UI、功能插件。

二、搭建开发环境：

1. jQuery不同场景的使用版本：

2. 引入jquery-1.8.3.js到页面文件中：

三、第一个jQuery程序：

1. 基本语法：$(“selector”); //获得jQuery对象 获得标签对象 document.getElementById("");

特点：语法简单、精炼，支持链式调用。

2. DOM对象与jQuery对象的区别：

I. DOM操作的是JavaScript原生对象。
II. jQuery操作的是自己封装的对象，当中包含了原生对象。
III. 注意：只有jQuery对象才可以操作jQuery的函数。

四、jQuery的选择器：获得标签对象

1. 基本选择器：

2. 层级选择器：

3. 过滤选择器：

4. 属性选择器：

5. 表单选择器：

6. 表单对象属性选择器：

五、jQuery对象访问：

1. 遍历：

2. 长度：

3. 获得单个对象：

jQueryDay2

一、操作属性：

1. 添加、删除属性

2. 添加、修改样式

3. 添加、删除类样式

4. HTML代码/文本/值：
   I. text()

II. html()

III. val()

3. DOM对象、jQuery对象：

二、事件：

1. jQuery核心事件：优先于原生加载事件，相应速度更快，支持同时书写多个。

2. JS的事件处理：

3. jQuery编程式事件处理：

4. 常规事件：
   I. 单击、双击：

//是否选中

II. 移入移出：

III. 获得、失去焦点：document.forms[0].submit(); //提交表单

5. 复合事件处理：
   I. toggle：绑定多个单击事件，切换

II. hover：移入移出的并集

6. 显示和隐藏：

7. 渐入和渐出：

8. 添加新标签并插入文档中：

9. 删除：

10. 查找：