- 掌握索引值的获取方法
- 必须掌握动态设置class的方法
- 理解链式编程的基本思路
- 掌握表单相关方法
- 必须掌握节点的添加删除操作
- 掌握jQuery的事件委托语法
- 掌握键盘事件和键码(13)的使用
在JS中，一堆元素的排序是按照索引值来排列的，索引值是从0开始，并且用index来表示.
在JQ中，**index()**是一个方法(函数)，所以必须加括号！用来获取当前元素在父级中的索引值。
语法：
代码举例：
索引值可以说是JS里面非常重要的一个组成部分，经常使用于以下几种状况：导航栏、tab栏、焦点图等等功能的实现。
语法：
练习（Tab栏）
提供html与css代码：
《Tab栏》案例代码：
语法：
练习（百度风云榜）
提供html和css代码：
《百度风云榜》案例代码：
获取input 或 textarea 的值我们可以通过以下方式获取：
获取select下拉框的值
表单输入时去除前后空格，我们可以用：
代码示例：
关于节点，其实在body里面，任何标签、文字、图片、空格、换行等都是节点，既然是节点，就拥有增、删、改、查这几个功能。
语法：
代码举例：
语法：
代码举例：
语法：
代码举例：
语法：
代码举例：
定义：
事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。
为什么使用事件委托：
- 考虑一个ul，在li的数量非常少的时候，为每一个li添加事件当然会使用for循环；但是数量多的时候这样做太浪费内存，长到上百上千上万的时候，为每个li添加事件就会对页面性能产生很大的影响。
- 给一个ul里面的几个li添加了事件但是如果动态又生成了li则刚生成的li不具备事件这时就需要用到委托。
事件委托的作用：
- 性能要好（为多个相同元素绑定事件）
- 针对新创建的元素，直接可以拥有事件（为不存在的元素绑定事件）
语法：
代码举例：
我们已经讲过了很多鼠标事件，可以直接使用 ，接下来我们来学习键盘事件，用法也是类似的：
e.keyCode – 键码
这里提供一张键码表，但并不需要专门去记住：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nm8WpX6f-1628046221788)(.imageskeycode.png)]
项目链接：http://codesohigh.com/weibo/
请完成以下效果：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sdkdy4ad-1628046221791)(.imageshomework3.gif)]
思路提示：
- 聚焦(focus)、失焦(blur) 事件设置边框的颜色
- 输入事件（建议使用keyup）要判断 “发布” 按钮是否可点击（样式和实际flag）
- 聚焦事件也需要判断“发布” 按钮是否可点击（可以封装成函数）
- 通过keyCode可以判断回车(13或enter)，可以进行发布操作（将发布功能封装成函数）
- 点击"发布"按钮，可以直接掉用发布方法
- 点击删除的效果，使用jq的事件委托
提供html+css代码（动画不做要求，主要完成功能）：