jQuery

本文介绍了jQuery的基础知识,包括其作为JavaScript库的角色,版本类型及引用方式。重点讲解了jQuery的选择器,如基本选择器、层次选择器和过滤选择器,并举例说明如何使用。此外,还探讨了jQuery中的事件处理,如鼠标、键盘和表单事件,阐述了事件处理程序的概念。通过本文,读者将能更好地理解和应用jQuery进行网页交互开发。
摘要由CSDN通过智能技术生成

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

表单事件:
Submit:表单提交事件
Change:表单改变事件
Focus:获得焦点事件
Blur:失去焦点事件

窗口/文档事件:
Load:加载完触发
Resize:调整窗口大小触发
Scroll:滚动窗口触发
Unload:关闭窗口触发

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可私 6信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可 6私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可私 6信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值