常用的选择器
id选择器
查找的ID,即元素的id属性
$( "#id" )
类选择器
通过class样式类名来获取节点
$( ".class" )
元素选择器
根据给定(html)标记名称选择所有的元素
$( "element" )
全选择器(*选择器)
在CSS中,经常会在第一行写下这样一段样式
$( "*" )
| 语法 | 描述 |
|---|---|
| $("*") | 选取所有元素 |
| $(this) | 选取当前 HTML 元素 |
| $("p.intro") | 选取 class 为 intro 的 <p> 元素 |
| $("p:first") | 选取第一个 <p> 元素 |
| $("ul li:first") | 选取第一个 <ul> 元素的第一个 <li> 元素 |
| $("ul li:first-child") | 选取每个 <ul> 元素的第一个 <li> 元素 |
| $("[href]") | 选取带有 href 属性的元素 |
| $("a[target='_blank']") | 选取所有 target 属性值等于 "_blank" 的 <a> 元素 |
| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 |
| $(":button") | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 |
| $("tr:even") | 选取偶数位置的 <tr> 元素 |
| $("tr:odd") | 选取奇数位置的 <tr> 元素 |
本文详细介绍了CSS中各种选择器的使用方法,包括ID选择器、类选择器、元素选择器等,以及如何通过这些选择器精确地定位页面中的元素。

被折叠的 条评论
为什么被折叠?



