首页 前端知识 【jQuery超快速入门教程】上篇_jquery快速教程,2024年最新2024最新大数据开发常用开源库总结

【jQuery超快速入门教程】上篇_jquery快速教程,2024年最新2024最新大数据开发常用开源库总结

2024-05-10 22:05:45 前端知识 前端哥 794 250 我要收藏

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新大数据全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip204888 (备注大数据)
img

正文

2️⃣3.4、配合使用

选择class="d1"的div标签

${"div.d1")

2️⃣3.5、组合选择器

$("#id, .className, tagName")

2️⃣3.6、所有元素选择器

$("*")

2️⃣3.7、层级选择器

$("x y");// x的所有后代y(子子孙孙)
$("x > y");// x的所有儿子y(儿子)
$("x + y")// 找到所有紧挨在x后面的y
$("x ~ y")// x之后所有的兄弟y

2️⃣3.8、属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]")         选取所有带有 href 属性的元素。

$("[href='#']")     选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']")    选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

2️⃣3.9、CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

下面的例子把所有 p 元素的背景颜色更改为红色:

$("p").css("background-color","red");

1️⃣四、jQuery筛选器

2️⃣4.1、基本筛选器

$(“:has(元素选择器)”) | 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)

举几个栗子:

1、找到后代中含有h1标签的div标签
>>>$("div:has(h1)")
2、找到所有后代中不含a标签的div标签
>>>$("div:not(:has(a))")

2️⃣4.2、表单筛选器

·

当我们要取到checkbox类型的input标签:

我们可以用上面学过的方法:

$(“input[type=‘checkbox’]”)

但是这种方法还是书写比较麻烦,不太符合jQuery的“Write less, do more.“

所以可以简化成如下代码:

$(“:checkbox”)

常用的表单筛选器还有如下:

:button 匹配所有按钮。例如:$(“:button”)

·:checkbox 匹配所有复选框。例如:$(“:checkbox”)

·:file 匹配所有文件域。例如:$(“:File”)

·:hidden 匹配所有不可见元素,或者type为hidden的元素。例如:$(“input:hidden”)

·:image 匹配所有图像域。例如:$(“:image”)

·:input 匹配所有 input, textarea, select 和 button 元素。例如:$(“:input”)

·:password 匹配所有密码框。例如:$(“:password”)

·:radio 匹配所有单选按钮。例如:$(“:radio”)

·:reset 匹配所有重置按钮。例如:$(“:reset”)

·:submit 匹配所有提交按钮。例如:$(“:submit”)

·:text 匹配所有的单行文本框。例如:$(“:text”)

·:header 匹配如 h1, h2, h3之类的标题元素。例如:$(“:header”).css(“background”, “#EEE”);

常见的表单对象属性还有:

2️⃣4.3、筛选器的常用方法

3️⃣4.3.1、上一个元素
$("#id").prev()            找到对应id值的上一个元素
$("#id").prevAll()         找到对应id值上面的所有元素
$("#id").prevUntil("#i2")  找到对应id值上面的所有元素直到id值为i2(不包括i2本身)
3️⃣4.3.2、下一个元素
$("#id").next()            解释同上
$("#id").nextAll()
$("#id").nextUntil("#i2")
3️⃣4.3.3、父亲元素
$("#id").parent()
$("#id").parents()       查找当前元素的所有的父辈元素
$("#id").parentsUntil("#i2")  查找当前元素的所有的父辈元素,直到遇到id为i2为止(不包括i2本身)。
3️⃣4.3.4、儿子和兄弟元素
$("#id").children();    儿子们
$("#id").siblings();    兄弟们
3️⃣4.3.5、查找

搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

例如:查找div标签下的p标签(等价于
$(“div p”))

$("div").find("p")

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip204888 (备注大数据)
img

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip204888 (备注大数据)
[外链图片转存中…(img-ynnJGWGG-1713345308691)]

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8032.html
评论
发布的文章

HTML5(H5)中的Web Workers

2024-05-19 09:05:52

HTML5

2024-02-27 11:02:15

HTML5 <option> 标签

2024-05-19 09:05:51

@JsonProperty 注解详解

2024-05-19 09:05:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!