手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery选择器之基本过滤选择器详解
jquery选择器之基本过滤选择器详解
摘要:复制代码代码如下:/*高亮显示*/.highlight{background-color:gray}复制代码代码如下:各省市行政区划北京上海...

复制代码 代码如下:

<style type="text/css">

/*高亮显示*/

.highlight{

background-color: gray

}

</style>

复制代码 代码如下:

<body>

<h3>各省市行政区划</h3>

<table border="1" width="50%">

<thead>

<tr>

<th>北京</th>

<th>上海</th>

<th>商丘</th>

</tr>

</thead>

<tbody>

<tr>

<td>海淀</td>

<td>徐汇</td>

<td>睢阳</td>

</tr>

<tr>

<td>朝阳</td>

<td>闸北</td>

<td>梁园</td>

</tr>

<tr>

<td>昌平</td>

<td>黄埔</td>

<td>柘城</td>

</tr>

</tbody>

</table>

</body>

一、:first

复制代码 代码如下:

$("tr:first").addClass("highlight"); //获取匹配的第一个tr元素

jquery选择器之基本过滤选择器详解1

二、:last()

复制代码 代码如下:

$("tr:last").addClass("highlight"); //获取匹配的最后一个tr元素

jquery选择器之基本过滤选择器详解2

三、:not(selector)

复制代码 代码如下:

$("td:not(:even)").addClass("highlight");//获取除了索引是偶数的td

jquery选择器之基本过滤选择器详解3

四、:even

复制代码 代码如下:

$("tr:even").addClass("highlight"); //匹配所有索引值为偶数的元素,从 0 开始计数

jquery选择器之基本过滤选择器详解4

五、:odd

复制代码 代码如下:

$("tr:odd").addClass("highlight"); //匹配所有索引值为奇数的元素,从 0 开始计数

jquery选择器之基本过滤选择器详解5

六、:eq(index)

复制代码 代码如下:

$("tr:eq(2)").addClass("highlight"); //匹配一个给定索引值的元素

jquery选择器之基本过滤选择器详解6

七、:gt(index)

复制代码 代码如下:

$("tr:gt(1)").addClass("highlight"); //匹配所有大于给定索引值的元素

jquery选择器之基本过滤选择器详解7

八、:lt(index)

复制代码 代码如下:

$("tr:lt(2)").addClass("highlight"); //匹配所有小于给定索引值的元素

jquery选择器之基本过滤选择器详解8

九、:header

复制代码 代码如下:

$(":header").addClass("highlight"); //匹配如 h1, h2, h3之类的标题元素

jquery选择器之基本过滤选择器详解9

【jquery选择器之基本过滤选择器详解】相关文章:

js事件监听器用法实例详解

JQuery中层次选择器用法实例详解

JQuery中属性过滤选择器用法

JavaScript Array对象详解

JQuery选择器、过滤器大整理

jQuery 遍历函数详解

jquery 构造函数在表单提交过程中修改数据

Js的Array数组对象详解

Node.js 条形码识别程序构建思路详解

Jquery中基本选择器用法实例详解

精品推荐
分类导航