jQuery知识点.docx
《jQuery知识点.docx》由会员分享，可在线阅读，更多相关《jQuery知识点.docx（77页珍藏版）》请在冰点文库上搜索。
jQuery知识点
知识点列表
编号
名称
描述
级别
1
Jquery中的dom操作
重点掌握JQuery中的dom操作
***
2
Jquery中的事件处理
掌握事件处理
**
3
Jquery中的动画
了解Jquery中动画效果
*
4
jquery操作类数组的方法
掌握JQuery操作类似数组对象的方法（如select下拉列表）
***
5
jquery对ajax的支持
理解并掌握在JQuery中进行Ajax操作
**
注：
"*"理解级别"**"掌握级别"***"应用级别
目录
1.dom操作*3
1.1.知识点3
1.2.课堂案例4
1.2.1.【案例1】dom操作演示**4
2.事件处理**31
2.1.知识点31
2.2.课堂案例31
2.1.1.【案例2】jquery处理事件**31
3.动画**40
3.1.【案例3】动画**41
4.jquery操作类数组的方法**48
4.1.【案例4】jquery操作类数组*49
4.2.【案例5】jquery小案例***58
5.jQuery对ajax的支持**57
5.1.知识点**57
5.2.课堂案例**58
5.2.1.【案例6】jquery对jax的支持**58
提示
鉴于JQuery提供了详细的API帮助文档，课堂案例仅对基础知识做描述，请重点参考jQuery的帮助手册进行学习。
请下载day02/JQuery_API.zip
1）JQuery**
知识点
1）jQuery是什么?
JavaScript的框架有很多，比如prototype、JQuery、ExtJS等等。
jQuery的通用性很好。
jQuery设计思想是将原始的dom对象封装成一个jQuery对象，通过调用jQuery对象的方法来实现对原始的dom对象的操作。
这样设计的目的是：
是为了更好地兼容不同的浏览器,简化代码。
2）编程步骤
step1
使用jQuery提供的选择器找到节点,一般情况下，jQuery会将找到的节点封装成jQuery对象。
step2
调用jQuery对象提供的方法。
3）jQuery对象与dom对象之间的转换。
●dom对象转换成jQuery对象。
使用var$obj=$（dom对象）;
●jQuery对象转换成dom对象。
使用varobj=$obj.get（0）或者varobj=$obj.get（）[0]
4）jQuery选择器
jQuery选择器模仿css选择器的语法，其作用是，查找符合选择器要求的节点。
a.基本选择器
a.#id
b..class
c.element
d.selector1,select2..selectn
e.*
b.层次选择器
f.select1select2
g.select1>select2
h.select1+select2
i.select1~select2
c.过滤选择器
1）基本过滤选择器
1）:
first
2）:
last
3）:
not（selector）
4）:
even
5）:
odd
6）:
eq（index）
7）:
gt（index）
8）:
lt（index）
2）内容过滤选择器
9）:
contains（text）
10）:
empty
11）:
has（selector）
12）:
parent
3）可见性过滤选择器
✓:
hidden
✓:
visible
4）属性过滤选择器
✓[attribute]
✓[attribute=value]
✓[attribute!
=value]
5）子元素过滤选择器
✓:
nth-child（index/even/odd）
6）表单对象属性过滤选择器
a.:
enabled
b.:
disabled
c.:
checked
d.:
selected
d.表单选择器
a.:
input
b.:
text
c.:
pasword
d.:
radio
e.:
checkbox
f.:
submit
g.:
image
h.:
reset
i.:
button
j.:
file
k.:
hidden
e.随堂案例只介绍select选择器的用法，其它选择器的使用方法请参考JQuery_API.zip
请下载JQuery_API.zip
【案例4】jQuery演示**
a.新建工程web13_jquery
b.拷贝jquery-1.4.3.js到项目下
✓使用jquery
c.新建frist.html
Inserttitlehere
30px;">
;"
onclick="f2（）;">hellojquery