jQuery基础知识及事件
1. 基础知识
1. 基础知识
jQuery是js库,能够帮助我们轻松实现一些原本比较麻烦的功能
jQuery每个版本分两个小版本:压缩版和未压缩版,压缩版文件较小,但是没有排版和注释,不便于阅读:未压缩版文件较大,有排版和注释,便于阅读
jQuery实际上就是一个js文件,加载到页面就可以直接使用了
也可以通过CDN(Content Distrubute Net)来引用jquery
1.2基本语法
$(选择器).action();
$:定义了这是一个Jquery的代码
选择器:按照一定规则选择DOM元素,于CSS选择器非常类似
Action:对选中的元素执行的操作
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)后代元素
(
“
祖
先
元
素
后
代
元
素
”
)
(
2
)
子
元
素
(“祖先元素 后代元素”) (2)子元素
(“祖先元素后代元素”)(2)子元素(“父元素>子元素”)
(3)下一个兄弟元素
(
“
前
一
个
+
后
一
个
”
)
(
4
)
下
面
所
有
兄
弟
元
素
(“前一个 + 后一个”) (4)下面所有兄弟元素
(“前一个+后一个”)(4)下面所有兄弟元素(“前一个~后边所有”)
过滤选择器:
参见JqueryAPI
选择p标签的第一个
选择所有具有name属性的标签
选择name属性等于#的标签
3事件
3.1什么是事件
页面对不同访问者的相应叫做事件
事件处理程序指的是当HTML中发生某些事件时所调用的方法
3.2常见DOM事件
鼠标事件:
Click:单击事件
Dblclick:双击事件
Mouseenter:鼠标移入
Mouseleave:鼠标移出
Hover:模仿悬停事件
键盘事件:
Keypress:键盘编码
Keydown:按下
Keyup:抬起
表单事件:
Submit:表单提交事件
Change:表单改变事件
Focus:获得焦点事件
Blur:失去焦点事件
窗口/文档事件:
Load:加载完触发
Resize:调整窗口大小触发
Scroll:滚动窗口触发
Unload:关闭窗口触发