感觉可以用 .attr('data-id', 'value') 代替啊,不知道设计 .data() 这个数据存储有什么作用,而且存储后DOM上没有任何表示
2017-11-25
筛选选择器:
- 匹配第一个元素:`$(":first")`,如`$("div:first").css('color', 'red');`
- 匹配最后一个元素:`$(":last")`
- 匹配索引为index的元素:`$(":eq(index)")`
- 匹配索引大于index的元素:`$(":gt(index)")`
- 匹配索引小于index的元素:`$(":lt(index)")`
- 匹配索引为偶数的元素:`$(":even")`
- 匹配索引为奇数的元素:`$(":odd")`
- 匹配第一个元素:`$(":first")`,如`$("div:first").css('color', 'red');`
- 匹配最后一个元素:`$(":last")`
- 匹配索引为index的元素:`$(":eq(index)")`
- 匹配索引大于index的元素:`$(":gt(index)")`
- 匹配索引小于index的元素:`$(":lt(index)")`
- 匹配索引为偶数的元素:`$(":even")`
- 匹配索引为奇数的元素:`$(":odd")`
2017-11-25
层级选择器:
- 子元素选择器:`$("parent > child")`,直接子元素
- 后代元素选择器:`$("parent child")`
- 相邻兄弟元素选择器:`$("prev + next")`,prev节点同层的左右相邻的next节点
- 一般兄弟元素选择器:`$("prev ~ next")`,prev节点同层的的next节点
- 子元素选择器:`$("parent > child")`,直接子元素
- 后代元素选择器:`$("parent child")`
- 相邻兄弟元素选择器:`$("prev + next")`,prev节点同层的左右相邻的next节点
- 一般兄弟元素选择器:`$("prev ~ next")`,prev节点同层的的next节点
2017-11-25
基本选择器:
- id选择器:`$("#id")`,原理:`document.getElementById()`
- class选择器:`$(".class")`,原理:`getElementsByClassName()`
- tag选择器:`$("el")`,原理:`getElementsByTagName()`
- 通配符选择器:`$("*")`,原理:`document.getElementsByTagName("*")`
- id选择器:`$("#id")`,原理:`document.getElementById()`
- class选择器:`$(".class")`,原理:`getElementsByClassName()`
- tag选择器:`$("el")`,原理:`getElementsByTagName()`
- 通配符选择器:`$("*")`,原理:`document.getElementsByTagName("*")`
2017-11-25
> (大于号)紧跟父子关系 如$("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, span p")表示div下p节点和span下p节点。
2017-11-25
> (大于号)紧跟父子关系 如$("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, span p")表示div下p节点和span下p节点。
2017-11-25
toggleClass("c", true)。如果原来的是里面已经有c这个样式 。那么原来的样式将不会被删除 。而是保留,如果用toggleClass("c", false)或者toggleClass("c")。原来的样式将会被删除
2017-11-23
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
2017-11-22