- css(“属性”,“属性值”):为元素设置CSS样式
- addClass():为元素添加类样式
- next():获得元素其后紧邻的同辈元素
2.1.1 JS实现弹出
这是一个纯粹的HTML页面
先加载页面,在弹出对话框
网页加载之后,jQuery才有效
2.1.2 jQuery跳转
这是一个纯粹的HTML页面
先加载页面,在弹出对话框
网页加载之后,jQuery才有效
这是一个纯粹的HTML页面
![](img/111.jpg)
这是一个纯粹的HTML页面
改变div样式
点击后改变div样式
新手指南
- 会员注册
- 会员注册
- 会员注册
- 会员注册
- 点击新手指南,展示4个li标签,点击第一个标签改变字体的样式;
==================================================================================
jQuery选择器类似于CSS选择器,用来选取网页中的元素;
基本选择器包括标签选择器、类选择器、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标签
层次选择器通过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 同辈选择器
属性选择器通过HTML元素的属性来选择元素
- 根据属性名获取元素:根据是否包含某属性来选取元素,$(“h2[title]”),改变含有title属性的h2标签的属性;
- 根据属性值获取元素:根据属性的值来选取元素,$(“[class=value]”),改变class属性的值为value的元素的属性;
- 多属性条件选择:支持多属性条件复合查找元素
$("li[class][title=value]")
选取包含class属性,且title属性的值中含有value的li标签元素的属性;
属性选择器 这是一个纯粹的HTML页面
一级标题
二级标题
二级标题
四级标题
五级标题
这是span标签加粗
二级标题
三级标题
这是span标签
这是p标签
基本过滤选择器
过滤选择器通过特定的过滤规则来筛选元素
语法特点:
- 使用“:”,例使用$(“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开发知识点,不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
avascript">这是一个 纯粹的html页面
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
[外链图片转存中…(img-biOr7Fjx-1714860072389)]
[外链图片转存中…(img-mPM0mX3Z-1714860072390)]
[外链图片转存中…(img-ok9tgVMI-1714860072390)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!