- css(“属性”,“属性值”)：为元素设置CSS样式
- addClass()：为元素添加类样式
- next()：获得元素其后紧邻的同辈元素
2.1 弹出提示框问题
2.1.1 JS实现弹出
这是一个纯粹的HTML页面
先加载页面，在弹出对话框
网页加载之后，jQuery才有效
2.1.2 jQuery跳转
这是一个纯粹的HTML页面
先加载页面，在弹出对话框
网页加载之后，jQuery才有效
2.2 图片边框问题
这是一个纯粹的HTML页面
2.3 添加类样式（事件）
这是一个纯粹的HTML页面
改变div样式
点击后改变div样式
2.4 综合改变样式
新手指南
- 会员注册
- 会员注册
- 会员注册
- 会员注册
- 点击新手指南，展示4个li标签，点击第一个标签改变字体的样式；
3. jQuery常用选择器
==================================================================================
jQuery选择器类似于CSS选择器，用来选取网页中的元素；
3.1 基本选择器
基本选择器包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器；
- 标签选择器：根据给定的标签名匹配元素，$(“h3”)获取并设置所有的h3标签；
- 类选择器：根据给定的class匹配元素，$(“.title”)获取并设置所有class为title的元素；
- ID选择器：根据给定的id匹配元素，$(“#box”)获取并设置id为box的元素；
- 并集选择器：用来合并元素集合，$(“h2,dt,.title”)获取并设置所有h2 、dt 标签、class为title的元素；
- 交集选择器：对元素集合根据class或id再筛，$(“h2.title”)获取并设置所有class为title的h2标签的元素；
- 全局选择器：获取所有元素，$(“*”)，改变所有元素的属性；
基本选择器 这是一个纯粹的HTML页面
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
这是span标签加粗
这是p标签
3.2 层次选择器
层次选择器通过DOM 元素之间的层次关系来获取元素
- 后代选择器：用来获取元素的后代元素，$(“#menu span”).css(“background-color”,“#09F”)，获取并设置#menu下的span标签的元素背景颜色；
- 子选择器：用来获取元素的子元素、$(“#menu>span”)，获取并设置#menu下的子元素span标签的属性；
- 相邻选择器：用来选取紧邻目标元素的下一个元素，$(“h2+dl”)，获取并设置紧接在h2标签元素后的dl标签元素的属性；
- 同辈选择器：用来选取目标元素之后的所有同辈元素，$(“h2~dl”)，获取并设置h2标签元素之后的所有同辈元素dl标签的属性；
层次选择器 这是一个纯粹的HTML页面
一级标题
二级标题
二级标题
四级标题
五级标题
这是span标签加粗
二级标题
三级标题
这是span标签
这是p标签
3.2.1 后代选择器
3.2.2 子选择器
3.2.3 紧邻选择器
3.2.4 同辈选择器
3.3 属性选择器
属性选择器通过HTML元素的属性来选择元素
- 根据属性名获取元素：根据是否包含某属性来选取元素，$(“h2[title]”)，改变含有title属性的h2标签的属性；
- 根据属性值获取元素：根据属性的值来选取元素，$(“[class=value]”)，改变class属性的值为value的元素的属性；
- 多属性条件选择：支持多属性条件复合查找元素
$("li[class][title=value]")选取包含class属性，且title属性的值中含有value的li标签元素的属性；属性选择器 这是一个纯粹的HTML页面
变蓝
变绿
变红
一级标题
二级标题
二级标题
四级标题
五级标题
这是span标签加粗
二级标题
三级标题
这是span标签
这是p标签
基本过滤选择器
3.4 过滤选择器
过滤选择器通过特定的过滤规则来筛选元素
语法特点：
- 使用“:”，例使用$(“li:first”)来选取第一个li元素
- :first 、选取第一个元素，$(“li:first”)；
- :last 、选取最后一个元素，$(“li:last”)；
- :even、选取索引为偶数的li标签元素，$(“li:even”)；
- :odd、选取索引为奇数的元素，$(“li:odd”)；
- :eq(index)、选取索引值等于index的元素，$(“li:eq(index)”)；
- :gt(index)、选取索引值大于1的元素，$(“li:gt(1)”)；
- :lt(index)、选取索引值小于1的元素，$(“li:lt(1)”)；
- :not(selector)、选取去除所有与给定选择器匹配的元素，$(“li:not(.three)”)，选取class不是three的元素；
- :header、选取所有标题元素，$(“:header”)；
- :focus、选取获得焦点的元素，$(“:focus”)；
过滤选择器 这是一个 纯粹的html页面
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
最后：学习总结——MyBtis知识脑图（纯手绘xmind文档）
学完之后，若是想验收效果如何，其实最好的方法就是可自己去总结一下。比如我就会在学习完一个东西之后自己去手绘一份xmind文件的知识梳理大纲脑图，这样也可方便后续的复习，且都是自己的理解，相信随便瞟几眼就能迅速过完整个知识，脑补回来。下方即为我手绘的MyBtis知识脑图，由于是xmind文件，不好上传，所以小编将其以图片形式导出来传在此处，细节方面不是特别清晰。但可给感兴趣的朋友提供完整的MyBtis知识脑图原件（包括上方的面试解析xmind文档）
除此之外，前文所提及的Alibaba珍藏版mybatis手写文档以及一本小小的MyBatis源码分析文档——《MyBatis源码分析》等等相关的学习笔记文档，也皆可分享给认可的朋友！
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**[外链图片转存中…(img-YWBeoB1E-1713334082275)][外链图片转存中…(img-CY3WW7PY-1713334082275)]
[外链图片转存中…(img-HH3hsdf4-1713334082275)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
最后：学习总结——MyBtis知识脑图（纯手绘xmind文档）
学完之后，若是想验收效果如何，其实最好的方法就是可自己去总结一下。比如我就会在学习完一个东西之后自己去手绘一份xmind文件的知识梳理大纲脑图，这样也可方便后续的复习，且都是自己的理解，相信随便瞟几眼就能迅速过完整个知识，脑补回来。下方即为我手绘的MyBtis知识脑图，由于是xmind文件，不好上传，所以小编将其以图片形式导出来传在此处，细节方面不是特别清晰。但可给感兴趣的朋友提供完整的MyBtis知识脑图原件（包括上方的面试解析xmind文档）
[外链图片转存中…(img-lhVIvadz-1713334082276)]
除此之外，前文所提及的Alibaba珍藏版mybatis手写文档以及一本小小的MyBatis源码分析文档——《MyBatis源码分析》等等相关的学习笔记文档，也皆可分享给认可的朋友！
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
