jQuery基础知识

1.1基本概念

jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能
jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释
不便于阅读;未压缩版文件较大,有排版和注释,便于阅读
jQuery实际上就是一个js文件,加载到页面就可以直接使用了
在这里插入图片描述

也可以通过CDN(Content Distrubute Net)来引用jquery

1.2基本语法

$(选择器).action();

$:定义了这是一个Jquery的代码
选择器:按照一定规则选择DOM元素,于CSS选择器非常类似
Action:对选中的元素执行的操作
在这里插入图片描述

JQuery可以极大的简化程序员的工作

2 选择器

基本选择器:
(1)id选择器$(“#idName”)
(2)类选择器$(“.className”)
(3)元素选择器$(“TagName(标签名)”)
(4)选择所有元素$(“*”)
(5)选择器分组$(“选择器1,选择器2,选择器N”)
层次选择器:
(1)后代元素 $(“祖先元素 后代元素”)
(2)子元素$(“父元素>子元素”)
(3)下一个兄弟元素$(“前一个 + 后一个”)
(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:关闭窗口触发

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值