JavaScript选择器的使用说明

（1）通配符选择器
*{

}
（2）类型选择器
标签名{

}
（3）id选择器
#id{

}
（4）类选择器
.类名{

}
（5）包含选择器
E1 E2{ //E1,E2表示选择器

}
（6）子对象选择器
E1>E2{

}
（7）子对象选择器-第N个元素 (其他的子对象选择器（伪类）)
选择器:first-child{

}
（8）相邻选择器
E1+E2{

}
（9）属性选择器
1.用于选择包含给定属性的所有元素：选择器[属性名]
2.用于给定属性等于某特定值的元素：选择器[属性值]
3.用于选择给定属性包含特定字符串中的所有元素：选择器[属性名*=值]
4.用于选择给定属性以某个特定串打头的所有元素：选择器[属性名^=值]
5.用于选择给定属性以某个特定串结尾的所有元素：选择器[属性名$=值]
6.用于选择属性同时满足多个条件的元素：选择器属性选择器属性选择器
（10）选择器组
可以同时选择满足多种选择器规则的元素，这里的选择器可以是任何的选择器
选择器1,选择器2,……,选择器N{

}
（11）伪类选择器
为选择器选定的特定元素添加特殊的效果
:link 设置a对象在没有被访问前的样式属性
:active 设置对象在被用户激活（鼠标的点击和释放之间）时的样式属性
:visited 设置a对象在其链接地址已经被访问过时的样式表属性
:hover 设置对象在其鼠标悬停时的样式属性
:focus 设置对象在成为输入焦点时的样式属性表

JavaScript选择器的使用说明相关推荐

javascript选择器_如何通过选择正确JavaScript选择器来避免沮丧
javascript选择器选择器如何影响代码的快速指南 (A quick guide on how selectors affect your code) While working on a pr ...
js原生后代选择器_HTML5的JavaScript选择器介绍
在HTML5出现之前使用JavaScript查找DOM元素,有以下三种原生的方法: getElementById:根据指定元素的id属性返回元素 getElementsByName:返回所有指定nam ...
JavaScript选择器：getElementsByTagName
The first of the "traditional" JavaScript selectors, getElementsByTagName does exactly wha ...
JavaScript选择器
Js选择器 JS选择器常用的有getElementById().getElementsByClassName().getElementsByName().getElementsByTagName(). ...
深入理解javascript选择器API系列第二篇——getElementsByClassName
前面的话既然有getElementById()和getElementsByTagName()方法,为什么没有getElementsByClassName()呢?id属性.标签名.class属性并没有 ...
HTML5新的javascript选择器
新的选择器 document.querySelector("selector"); selector:根据CSS选择器返回第一个匹配到的元素,如果没有匹配到,则返回null; 支持 ...
百度地图JavaScript版api使用说明
步骤一:申请百度地图密钥: JavaScript API v1.4以及以前的版本无序申请秘钥(ak),自v1.5版本开始需要先申请秘钥(ak),才可以使用,如需获取更高的配额,需要申请 ...
CSS的属性选择器lang使用说明
CSS 2 引入了属性选择器,属性选择器可以根据元素的属性及属性值来选择元素,今天我们来学习特定属性选择器lang的使用方法. css :lang选择器定义用法介绍 lang 向带有指定 lang 属 ...
javascript选择器、自定义属性
一.选择器 document.getElementById('id名') document.getElementsByClassName('类名')[i] 一组数组集合 document.get ...

JavaScript选择器的使用说明

JavaScript选择器的使用说明相关推荐

最新文章

热门文章