1.基础知识
jQuery是js的库,能够帮助我们轻松实现一些原本比较麻烦的功能
jQuery每个版本分为两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释,不便于阅;未压缩版文件较大,有排版和注释,便于阅读
jQuery实际上也就是一个js’文件,加载到页面就可以直接使用。
也可以通过CDN(Content Distrubute Net)来引用jQuery
$(选择器)action()
$定义了这是一个jQuery·的代码
选择器:按照一定规则选择DOM元素,于css选择器非常类似
jQuery可以极大的简化程序员的工作
2.选择器
基本选择器:(1)id选择器KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲idname”) (2)类选择…(“.className”)
(3)元素选择器
(
“
T
a
g
N
a
m
e
”
)
(
4
)
选
择
所
有
元
素
(“TagName”) (4)选择所有元素
(“TagName”)(4)选择所有元素(“*”)
(5)选择器分组
(
“
选
择
器
1
,
选
择
器
2
,
选
择
器
N
”
)
层
次
选
择
器
:
(
1
)
后
代
元
素
(“选择器1,选择器2,选择器N”) 层次选择器: (1)后代元素
(“选择器1,选择器2,选择器N”)层次选择器:(1)后代元素(“祖先元素 后代元素”)
(2)子元素
(
“
父
元
素
>
子
元
素
”
)
(
3
)
下
一
个
兄
弟
元
素
(“父元素>子元素”) (3)下一个兄弟元素
(“父元素>子元素”)(3)下一个兄弟元素(“前一个+后一个”)
(4)下面所有兄弟元素$(“前一个—后边所有”)
过滤选择器
参见JQueryAP
选择p标签的第一个
选择所有具有name属性的标签
选择name属性等于#的标签
3.事件
什么是事件
页面对不同访问者的相应交做事件
事件处理程序指的是当HTML中发生某些事件时所调用的方法
常见DOM事件
鼠标事件
Click:单击事件
Dblclick:双击事件
Mouseseenter:鼠标移入
Mouseleave:鼠标移出
Hover:鼠标悬停事件
Keypress:键盘编码
Keydown:按下
Keyup:抬起
表单事件:
Submit:表单提交事件
Change:表单改变事件
Focus:获取焦点事件
Blur:失去焦点
窗口/文档事件
Load:加载完触发
Resize:调整窗口触发
Unload:加载完触发
Resize:调整窗口大小触发
Scroll:滚动窗口触发
Unload:关闭窗口触发