当前位置: 澳门新濠3559 > 服务器运维 > 正文

first匹配找到的第一个元素

时间:2019-12-26 07:51来源:服务器运维
:first匹配找到的第一个元素 #id根据给定的ID匹配一个元素。 Matches the first selected element.返回值 Matches a single element with the given id attribute.返回值 Element Element 示例 参数 查找表格的第一行

:first匹配找到的第一个元素

#id根据给定的ID匹配一个元素。



Matches the first selected element.返回值

Matches a single element with the given id attribute.返回值

Element

Element

示例

参数

查找表格的第一行

id : 用于搜索的,通过元素的 id 属性中给定的值

HTML 代码:

示例

Header 1
Value 1
Value 2

查找 ID 为"myDiv"的元素。

jQuery 代码:

HTML 代码:

$

jQuery 代码:

结果:

$;

[

结果:

Header 1

[

]

]---------------------------------------------------------------------------------------element根据给定的元素名匹配所有元素



:last匹配找到的最后一个元素

Matches all elements with the given name.返回值


Array

Matches the last selected element.返回值

参数

Element

element : 一个用于搜索的元素。指向 DOM 节点的标签名。

示例

示例

查找表格的最后一行

first匹配找到的第一个元素。查找一个 DIV 元素。

HTML 代码:

HTML 代码:

Header 1
Value 1
Value 2

DIV1

jQuery 代码:

DIV2

$

SPAN

结果:

jQuery 代码:

[

$;

Value 2

结果:

]

[


DIV1

:not去除所有与给定选择器匹配的元素

,


DIV2

Removes all elements matching the given selector.返回值

] ---------------------------------------------------------------------------------------.class根据给定的类匹配元素。

Array


参数

Matches all elements with the given class.返回值

selector : 用于筛选的选择器

Array

示例

参数

查找所有未选中的 input 元素

class : 一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。

HTML 代码:

示例

jQuery 代码:

查找所有类是 "myClass" 的元素.

$")

HTML 代码:

结果:

div

[ ]

div


span

:even匹配所有索引值为偶数的元素,从 0 开始计数

jQuery 代码:


$;

Matches even elements, zero-indexed.返回值

结果:

Array

[

示例

div

查找表格的1、3、5...行

, span ] ---------------------------------------------------------------------------------------*匹配所有元素多用于结合上下文来搜索。

HTML 代码:


Header 1
Value 1
Value 2

Matches all elements.Most useful when combined with a context to search in.返回值

jQuery 代码:

Array

$

示例

结果:

找到每一个元素

[

HTML 代码:

Header 1

DIV

,

SPAN

Value 2

jQuery 代码:

]

$


结果:

:odd匹配所有索引值为奇数的元素,从 0 开始计数

[


DIV

Matches odd elements, zero-indexed.返回值

, SPAN, ] ---------------------------------------------------------------------------------------selector1,selector2,selectorN将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。

Array


示例

Matches the combined results of all the specified selectors.You can specify any number of selectors to combine into a single result.返回值

查找表格的2、4、6行

Array

HTML 代码:

参数

Header 1
Value 1
Value 2

selector1 : 一个有效的选择器

jQuery 代码:

selector2 : 另一个有效的选择器

$

selectorN 任意多个有效选择器

结果:

示例

[

找到匹配任意一个类的元素。

Value 1

HTML 代码:

]

div


p

:eq匹配一个给定索引值的元素

span


p

Matches a single element by its index.返回值

jQuery 代码:

Element

$

参数

结果:

index : 从 0 开始计数

[

示例

div

查找第二行

,

HTML 代码:

p

Header 1
Value 1
Value 2

, span ] ---------------------------------------------------------------------------------------ancestor descendant在给定的祖先元素下匹配所有的后代元素

jQuery 代码:


$

Matches all descendant elements specified by descendant of elements specified by ancestor.返回值

结果:

Array

[

参数

Value 1

ancestor : 任何有效选择器

]

descendant : 用以匹配元素的选择器,并且它是第一个选择器的后代元素


示例

:gt匹配所有大于给定索引值的元素

找到表单中所有的 input 元素


HTML 代码:

Matches all elements with an index above the given one.返回值

jQuery 代码:

Array

$

参数

结果:

index : 从 0 开始计数

[ , ] ---------------------------------------------------------------------------------------parent > child在给定的父元素下匹配所有的子元素

示例


查找第二第三行,即索引值是1和2,也就是比0大

Matches all child elements specified by child of elements specified by parent.返回值

HTML 代码:

Array

Header 1
Value 1
Value 2

参数

jQuery 代码:

parent : 任何有效选择器

$

child : 用以匹配元素的选择器,并且它是第一个选择器的子元素

结果:

示例

[

匹配表单中所有的子级input元素。

Value 1

HTML 代码:

,

jQuery 代码:

Value 2

$

]

结果:


[ ] ---------------------------------------------------------------------------------------prev

:lt匹配所有小于给定索引值的元素

  • next匹配所有紧接在 prev 元素后的 next 元素


Matches all elements with an index below the given one.返回值

Matches all next elements specified by next that are next to elements specified by prev.返回值

Array

Array

参数

参数

index : 从 0 开始计数

prev : 任何有效选择器

示例

next :一个有效选择器并且紧接着第一个选择器

查找第一第二行,即索引值是0和1,也就是比2小

示例

HTML 代码:

匹配所有跟在 label 后面的 input 元素

Header 1
Value 1
Value 2

HTML 代码:

jQuery 代码:

jQuery 代码:

$

$

结果:

结果:

[

[ , ] ---------------------------------------------------------------------------------------prev ~ siblings匹配 prev 元素之后的所有 siblings 元素

Header 1


,

Matches all sibling elements after the "prev" element that match the filtering "siblings" selector.返回值

Value 1

Array

]

参数


prev : 任何有效选择器

:header匹配如 h1, h2, h3之类的标题元素

siblings : 一个选择器,并且它作为第一个选择器的同辈


示例

Matches all elements that are headers, like h1, h2, h3 and so on.返回值

找到所有与表单同辈的 input 元素

Array

HTML 代码:

示例

jQuery 代码:

给页面内所有标题加上背景色

$

HTML 代码:

结果:

Header 1

[ ]

Header 2

jQuery 代码:

澳门新濠3559,$.css;

结果:

[

Header 1

,

Header 2

]---------------------------------------------------------------------------------------:animated匹配所有没有在执行动画效果中的元素


Matches all elements that are currently being animated.返回值

Array

示例

只有对不在执行动画效果的元素执行一个动画特效

HTML 代码:

Run

jQuery 代码:

$.click{ $.animate({ left: "+20" }, 1000);}); ---------------------------------------------------------------------------------------:contains匹配包含给定文本的元素


Matches elements which contain the given text.返回值

Array

参数

text : 一个用以查找的字符串

示例

查找所有包含 "John" 的 div 元素

HTML 代码:

John Resig

George Martin

Malcom John Sinclair

J. Ohn

jQuery 代码:

$")

结果:

[

John Resig

,

Malcom John Sinclair

] ---------------------------------------------------------------------------------------:empty匹配所有不包含子元素或者文本的空元素


Matches all elements that are empty, be it elements or text.返回值

Array

示例

查找所有不包含子元素或者文本的空元素

HTML 代码:

Value 1
Value 2

jQuery 代码:

$

结果:

[

,

] ---------------------------------------------------------------------------------------:has匹配含有选择器所匹配的元素的元素


Matches elements which contain at least one element that matches the specified selector.返回值

Array

参数

selector : 一个用于筛选的选择器

示例

给所有包含 p 元素的 div 元素添加一个 text 类

HTML 代码:

Hello again!

jQuery 代码:

$.addClass;

结果:

[

] ---------------------------------------------------------------------------------------:parent匹配含有子元素或者文本的元素


Matches all elements that are parents - they have child elements, including text.返回值

Array

示例

查找所有含有子元素或者文本的 td 元素

HTML 代码:

Value 1
Value 2

jQuery 代码:

$

结果:

[

Value 1

,

Value 1

]

编辑:服务器运维 本文来源:first匹配找到的第一个元素

关键词: