JSer伪类选择符
描述:
伪类选择符又叫伪元素选择符,用于选择一些常用的比较特殊的元素群体.
伪类名称由JSer程序预先定义,类似于class类名但并不是真正的class类名,所以JSer称之为“伪类”。
用法:
伪类选择符由一个冒号":"+伪类名称组成.

请参见下表中的伪类名称.您可以说明文字后面的"[详情参见..]"链接查看该伪类选择符的详细用法及代码示例.

JSer伪类名称列表:
伪类名称 简要说明
行为属性伪类:
:disabled 选择已被禁用的表单界面元素。此伪类选择符类似于简单属性选择符“@disabled” [详情参见..]
:enabled 与伪类名disabled意义相反,选择没有被禁用的表单界面元素。 [详情参见..]
:checked 选择已被选中的单选或复选按钮元素,此伪类选择符类似于简单属性选择符“@checked”  [详情参见..]
:selected 选择已被选中的下拉菜单选项,此伪类选择符类似于简单属性选择符“@selected” [详情参见..]
元素可见性伪类:
:visible 选择可见元素。即排除定义为display:nonevisibility:hidden样式的元素和表单隐藏域. [详情参见..]
:hidden 选择不可见的元素。例如表单隐藏域;以及被定义为display:nonevisibility:hidden样式属性的元素. [详情参见..]
表单界面对象伪类:
:text 选择单行文本输入框元素,即type=textinput元素. [详情参见..]
:input 选择表单输入对象元素.即input, textarea, select,button 元素. [详情参见..]
:radio 选择单选框输入元素.即type=radioinput元素. [详情参见..]
:checkbox 选择复选框输入元素.即type=checkboxinput元素. [详情参见..]
:file 选择文件域输入元素.即type=fileinput元素. [详情参见..]
:password 选择密码框输入元素.即type=passwordinput元素. [详情参见..]
:submit 选择表单提交按钮元素.即type=submitinput元素. [详情参见..]
:image 选择图片域元素.即type=imageinput元素. [详情参见..]
:reset 选择表单重置元素.即type=resetinput元素. [详情参见..]
:button 选择按钮元素.即type=buttoninput元素,和标签名为button的按钮. [详情参见..]
子元素位置伪类:
:odd 当子元素相对其父元素的孩子节点下标位置为奇数时,则选择此子元素(元素下标值从0开始) [详情参见..]
:even 当子元素相对其父元素的孩子节点下标位置为偶数时,则选择此子元素(元素下标值从0开始) [详情参见..]
:first 当子元素是其父元素的第一个孩子节点时,则选择此子元素. [详情参见..]
:last 当子元素是其父元素的最后一个孩子节点时,则选择此子元素. [详情参见..]
:lt(n) n是一个非负整数,当子元素相对其父元素的孩子节点下标位置小于n时,则选择此子元素(元素下标值从0开始) [详情参见..]
:gt(n) n是一个非负整数,当子元素相对其父元素的孩子节点下标位置大于n时,则选择此子元素(元素下标值从0开始) [详情参见..]
:eq(n) n是一个非负整数,当子元素相对其父元素的孩子节点下标位置等于n时,则选择此子元素(元素下标值从0开始) [详情参见..]
:nth-child(args) 这是一个综合倍数与增减子元素选择符,根据所传入的args的格式不同,有多种不同的意义,请点击: [详情参见..]
父元素伪类
:parent 如果当前元素拥有子级元素或文本内容,则选择这个元素. [详情参见..]
:empty 如果当前元素不包含子级元素或文本内容,则选择这个元素. [详情参见..]
:contains(str) 如果当前元素含有指定的文本内容str,则选择这个元素. [详情参见..]
:has(selector) 如selector能够匹配到当前元素的子孙级元素,则选择这个元素。 [详情参见..]
:hasnot(selector) 如selector不能够匹配到当前元素的子孙级元素,则选择这个元素。 [详情参见..]
其它伪类选择符
:not(selector) 反向选择。即如果selector能够匹配当前元素,那么就不选择这个元素。 [详情参见..]
:header 选择所有的标题元素,即h1, h2, ... h6元素。  [详情参见..]


示例:
HTML示例代码:
<table id="dataTb">
<tr><td>第1行数据(索引值为0)</td></tr>
<tr><td>第2行数据</td></tr>
<tr><td>第3行数据</td></tr>
<tr><td>第4行数据</td></tr>
<tr><td>第5行数据</td></tr>
<tr><td>第6行数据</td></tr>
<tr><td>第7行数据</td></tr>
<tr><td>第8行数据</td></tr>
<tr><td>第9行数据</td></tr>
<tr><td>第10行数据</td></tr>
</table>
js代码:
JSer("#dataTb tr:odd").css('background-color','gray');
上面代码将id=dataTb表格的奇数索引行背景变成了灰色
注意:索引值从0开始计算.奇数索引1,3,5...即行:2,4,6... 结果如下:
<table id="dataTb">
<tr><td>第1行数据(索引值为0</td></tr>
<tr style="background-color:gray"><td>第2行数据</td></tr>
<tr><td>第3行数据</td></tr>
<tr style="background-color:gray"><td>第4行数据</td></tr>
<tr><td>第5行数据</td></tr>
<tr style="background-color:gray"><td>第6行数据</td></tr>
<tr><td>第7行数据</td></tr>
<tr style="background-color:gray"><td>第8行数据</td></tr>
<tr><td>第9行数据</td></tr>
<tr style="background-color:gray"><td>第10行数据</td></tr>
</table>
请参考:
JSer(content), JSer(selector, rootNode) , JSer(selector, selector)