jQuery

1 基础知识

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属性的标签
## jQuery笔记

选择name属性等于#的标签
## jQuery笔记

3事件

3.1什么是事件

页面对不同访问者的相应叫做事件
事件处理程序指的是当HTML中发生某些事件时所调用的方法

3.2常见DOM事件

鼠标事件:

Click:单击事件
Dblclick:双击事件
Mouseenter:鼠标移入
Mouseleave:鼠标移出
Hover:模仿悬停事件

键盘事件:

Keypress:键盘编码
Keydown:按下
Keyup:抬起

相关文章:

猜你喜欢
  • 2021-11-30
  • 2021-07-05
  • 2022-02-08
  • 2021-07-21
  • 2021-10-03
相关资源
相似解决方案