1. 掌握索引值的获取方法
2. 必须掌握动态设置class的方法
3. 理解链式编程的基本思路
4. 掌握表单相关方法
5. 必须掌握节点的添加删除操作
6. 掌握jQuery的事件委托语法
7. 掌握键盘事件和键码(13)的使用

在JS中，一堆元素的排序是按照索引值来排列的，索引值是从0开始，并且用index来表示.

在JQ中，**index()**是一个方法(函数)，所以必须加括号！用来获取当前元素在父级中的索引值。

语法：

代码举例：

索引值可以说是JS里面非常重要的一个组成部分，经常使用于以下几种状况：导航栏、tab栏、焦点图等等功能的实现。

语法：

练习（Tab栏）

提供html与css代码：

《Tab栏》案例代码：

语法：

练习（百度风云榜）

提供html和css代码：

《百度风云榜》案例代码：

获取input 或 textarea 的值我们可以通过以下方式获取：

获取select下拉框的值

表单输入时去除前后空格，我们可以用：

代码示例：

关于节点，其实在body里面，任何标签、文字、图片、空格、换行等都是节点，既然是节点，就拥有增、删、改、查这几个功能。

语法：

代码举例：

语法：

代码举例：

语法：

代码举例：

语法：

代码举例：

定义：

事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。

为什么使用事件委托：

1. 考虑一个ul，在li的数量非常少的时候，为每一个li添加事件当然会使用for循环；但是数量多的时候这样做太浪费内存，长到上百上千上万的时候，为每个li添加事件就会对页面性能产生很大的影响。
2. 给一个ul里面的几个li添加了事件但是如果动态又生成了li则刚生成的li不具备事件这时就需要用到委托。

事件委托的作用：

1. 性能要好（为多个相同元素绑定事件）
2. 针对新创建的元素，直接可以拥有事件（为不存在的元素绑定事件）

语法：

代码举例：

我们已经讲过了很多鼠标事件，可以直接使用 ，接下来我们来学习键盘事件，用法也是类似的：

e.keyCode – 键码

这里提供一张键码表，但并不需要专门去记住：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nm8WpX6f-1628046221788)(.imageskeycode.png)]

项目链接：http://codesohigh.com/weibo/

请完成以下效果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sdkdy4ad-1628046221791)(.imageshomework3.gif)]

思路提示：

1. 聚焦(focus)、失焦(blur) 事件设置边框的颜色
2. 输入事件（建议使用keyup）要判断 “发布” 按钮是否可点击（样式和实际flag）
3. 聚焦事件也需要判断“发布” 按钮是否可点击（可以封装成函数）
4. 通过keyCode可以判断回车(13或enter)，可以进行发布操作（将发布功能封装成函数）
5. 点击"发布"按钮，可以直接掉用发布方法
6. 点击删除的效果，使用jq的事件委托

提供html+css代码（动画不做要求，主要完成功能）：