jQuery基础知识及事件

1. 基础知识

1. 基础知识
jQuery是js库，能够帮助我们轻松实现一些原本比较麻烦的功能
jQuery每个版本分两个小版本：压缩版和未压缩版，压缩版文件较小，但是没有排版和注释，不便于阅读：未压缩版文件较大，有排版和注释，便于阅读
jQuery实际上就是一个js文件，加载到页面就可以直接使用了

jQuery基础知识及事件
也可以通过CDN（Content Distrubute Net）来引用jquery
1.2基本语法
$（选择器）.action();
$：定义了这是一个Jquery的代码
选择器：按照一定规则选择DOM元素，于CSS选择器非常类似
Action：对选中的元素执行的操作
jQuery基础知识及事件
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标签的第一个
jQuery基础知识及事件
选择所有具有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：关闭窗口触发

jQuery基础知识及事件

1. 基础知识

2 选择器

3事件

相关推荐