JQuery学习笔记1

jQuery

1 基础知识

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:抬起

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值