JQuery总结(选择器归纳、DOM遍历和事件处理、DOM完全操作和动画)
1、基本选择器
选择符匹配元素
*所有元素
id给定ID的元素
element给定类型的所有元素
.class给定类的所有元素
a,b与a或b匹配的元素
a ba的后代元素中与b匹配的元素
a>ba的直接子元素中与b匹配的元素
a+ba的直接同辈元素中与b匹配的元素
a~ba的同辈元素中与b匹配的元素
2、位置选择器
选择符匹配元素
a b:nth-child(index)a的子元素中,第index个与b匹配的元素(从1开始计数)
a b:nth-child(even)a的子元素中,第偶数个与b匹配的元素(从1开始计数)
a b:nth-child(odd)a的子元素中,第奇数个与b匹配的元素(从1开始计数)
a b:nth-child(2n+2)a的子元素中,第2n+2个与b匹配的元素(从1开始计数),n为自然数
a b:nth-last-child()同:nth-child(),从最后一个元素开始计数
a b:first-childa的子元素中,第1个与b匹配的元素
a b:last-childa的子元素中,最后一个个与b匹配的元素
:only-child作为其父元素唯一一个子元素的元素
a b:nth-of-type()同:nth-child(),只计同类元素
a b:nth-last-of-type()同:nth-last-child(),只计同类元素
a b:first-of-type()同:first-child(),只计同类元素
a b:last-of-type()同:last-child(),只计同类元素
a b:only-of-type()没有同名元素的元素
3、属性选择器
选择符匹配元素
[attr]带有属性attr的元素
[attr="value"]attr属性值为value的元素
[attr!="value"]attr属性值不为value的元素)
[attr^="value"]attr属性值以value开头的元素
[attr$="value"]attr属性值以value结尾的元素
[attr*="value"]attr属性值包含value字符串的元素
[attr~="value"]attr属性值是空格分隔的字符串,其中一个字符串值是value的元素
[attr|="value"]attr属性值等于value或value后跟一个连字符(-)的元素
4、表单选择器
选择符匹配元素
:input所有、
推荐阅读
- 7.9号工作总结~司硕
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 事件代理
- 最有效的时间管理工具(赢效率手册和总结笔记)
- jQuery插件
- 数据库总结语句
- 周总结|周总结 感悟
- 周总结43
- 参加【21天写作挑战赛】,第七期第14天,挑战感受小总结
- 第二阶段day1总结