juqery 学习之三选择器简单内容

2024-05-06 14:26:29

字体：大中小

来源：转载

供稿：网友

:first

匹配找到的第一个元素Matches the first selected element.

返回值

Element

示例

查找表格的第一行

HTML 代码:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery 代码:

$("tr:first")

结果:

[ <tr><td>Header 1</td></tr> ]

---------------------------------------------------------------------------------------

:last

匹配找到的最后一个元素Matches the last selected element.

返回值

Element

示例

查找表格的最后一行

HTML 代码:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery 代码:

$("tr:last")

结果:

[ <tr><td>Value 2</td></tr> ]

---------------------------------------------------------------------------------------

:not(selector)

去除所有与给定选择器匹配的元素Removes all elements matching the given selector.

返回值

Array<Element>

参数

selector (Selector) : 用于筛选的选择器

示例

查找所有未选中的 input 元素

HTML 代码:

jQuery 代码:

$("input:not(:checked)")

结果:

[ <input name="apple" /> ]

---------------------------------------------------------------------------------------

:even

匹配所有索引值为偶数的元素，从 0 开始计数Matches even elements, zero-indexed.

返回值

Array<Element>

示例

查找表格的1、3、5...行（即索引值0、2、4...）

HTML 代码:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery 代码:

$("tr:even")

结果:

[ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]

---------------------------------------------------------------------------------------

:odd

匹配所有索引值为奇数的元素，从 0 开始计数Matches odd elements, zero-indexed.

返回值

上一篇：AJAX异步从优酷专辑中采集所有视频及信息（JavaScript代码）

下一篇：XMLHTTPRequest的属性和方法简介

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

juqery 学习之三 选择器 简单 内容

:first

返回值

示例

:last

返回值

示例

:not(selector)

返回值

参数

示例

:even

返回值

示例

:odd

返回值

juqery 学习之三选择器简单内容