为了账号安全,请及时绑定邮箱和手机立即绑定
阿西吧,弄这么多的选择器是几个意思
我是服了,你教程里面的一些符号都是中英文状态混用的,我说怎么复制出来运行有问题呢。
第一题就没仔细看 问题是包匹配text的元素 不是选择所有text 哎 不认真
随着前端基于虚拟DOM、数据驱动的MV*框架的火热,jQuery已没有往日的辉煌。但是在企业开发中依然是利器。
感觉可以用 .attr('data-id', 'value') 代替啊,不知道设计 .data() 这个数据存储有什么作用,而且存储后DOM上没有任何表示
筛选选择器:

- 匹配第一个元素:`$(":first")`,如`$("div:first").css('color', 'red');`
- 匹配最后一个元素:`$(":last")`
- 匹配索引为index的元素:`$(":eq(index)")`
- 匹配索引大于index的元素:`$(":gt(index)")`
- 匹配索引小于index的元素:`$(":lt(index)")`
- 匹配索引为偶数的元素:`$(":even")`
- 匹配索引为奇数的元素:`$(":odd")`
层级选择器:

- 子元素选择器:`$("parent > child")`,直接子元素
- 后代元素选择器:`$("parent child")`
- 相邻兄弟元素选择器:`$("prev + next")`,prev节点同层的左右相邻的next节点
- 一般兄弟元素选择器:`$("prev ~ next")`,prev节点同层的的next节点
基本选择器:

- id选择器:`$("#id")`,原理:`document.getElementById()`
- class选择器:`$(".class")`,原理:`getElementsByClassName()`
- tag选择器:`$("el")`,原理:`getElementsByTagName()`
- 通配符选择器:`$("*")`,原理:`document.getElementsByTagName("*")`
function $ (id) {
return document.getElementById(id);
}
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。

+ (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。

~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。

(空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。

,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的顶层是p的节点。

+ (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的相邻的p节点。

~ (波浪线)相邻所所有兄弟关系 如$("div ~ p")表示选择div同层的p节点。

(空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。

,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
toggleClass("c", true)。如果原来的是里面已经有c这个样式 。那么原来的样式将不会被删除 。而是保留,如果用toggleClass("c", false)或者toggleClass("c")。原来的样式将会被删除
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消