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

查找所有可见的 tr 元素

时间:2019-12-26 07:51来源:服务器运维
:hidden匹配所有的不可见元素,input 元素的 type 属性为 "hidden"的话也会被匹配到 #id根据给定的ID匹配一个元素。 Matches all elements that are hidden, or input elements of type"hidden".返回值 Matches a si

:hidden匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

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



Matches all elements that are hidden, or input elements of type "hidden".返回值

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

Array

Element

示例

参数

查找所有不可见的 tr 元素

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

HTML 代码:

示例

Value 1
Value 2

查找 ID 为"myDiv"的元素。

jQuery 代码:

HTML 代码:

$

jQuery 代码:

结果:

$;

[

结果:

Value 1

[

]

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



:visible匹配所有的可见元素

Matches all elements with the given name.返回值


Array

Matches all elements that are visible.返回值

参数

Array

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

示例

示例

查找所有可见的 tr 元素

查找一个 DIV 元素。

HTML 代码:

HTML 代码:

Value 1
Value 2

DIV1

jQuery 代码:

DIV2

$

SPAN

结果:

jQuery 代码:

[

$;

Value 2

结果:

]

[


DIV1

[attribute]匹配包含给定属性的元素

,


DIV2

Matches elements that have the specified attribute.返回值

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

Array


参数

Matches all elements with the given class.返回值

attribute : 属性名

Array

示例

参数

查找所有含有 id 属性的 div 元素

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

HTML 代码:

示例

jQuery 代码:

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

$

HTML 代码:

结果:

div

[

div

]

span


jQuery 代码:

[attribute=value]匹配给定的属性是某个特定值的元素

$;


结果:

Matches elements that have the specified attribute with a certain value.返回值

[

Array

div

参数

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

attribute : 属性名


value : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

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

示例

Array

查找所有 name 属性是 newsletter 的 input 元素

示例

HTML 代码:

找到每一个元素

'

HTML 代码:

jQuery 代码:

DIV

$("input[name='newsletter']").attr;

SPAN

结果:

jQuery 代码:

[ , ]

$


结果:

[attribute!=value]匹配给定的属性是不包含某个特定值的元素

[


DIV

Matches elements that don't have the specified attribute with a certain value.返回值

, 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.返回值

attribute : 属性名

Array

value : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

参数

示例

selector1 : 一个有效的选择器

查找所有 name 属性不是 newsletter 的 input 元素

selector2 : 另一个有效的选择器

HTML 代码:

selectorN 任意多个有效选择器

'

示例

jQuery 代码:

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

$("input[name!='newsletter']").attr;

HTML 代码:

结果:

div

[ ]

p


span

[attribute^=value]匹配给定的属性是以某些值开始的元素

p


jQuery 代码:

Matches elements that have the specified attribute and it starts with a certain value.返回值

$

Array

结果:

参数

[

attribute : 属性名

div

value : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

,

示例

p

查找所有 name 以 'news' 开始的 input 元素

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

HTML 代码:


jQuery 代码:

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

$("input[name^='news']")

Array

结果:

参数

[ , ]

ancestor : 任何有效选择器


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

[attribute$=value]匹配给定的属性是以某些值结尾的元素

示例


找到表单中所有的 input 元素

Matches elements that have the specified attribute and it ends with a certain value.返回值

HTML 代码:

Array

jQuery 代码:

参数

$

attribute : 属性名

结果:

value : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

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

示例


查找所有 name 以 'letter' 结尾的 input 元素

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

HTML 代码:

Array

jQuery 代码:

参数

$("input[name$='letter']")

parent : 任何有效选择器

结果:

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

[ , ]

示例


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

[attribute*=value]匹配给定的属性是以包含某些值的元素

HTML 代码:


jQuery 代码:

Matches elements that have the specified attribute and it contains a certain value.返回值

$

Array

结果:

参数

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

attribute : 属性名

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

value : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。


示例

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

查找所有 name 包含 'man' 的 input 元素

Array

HTML 代码:

参数

jQuery 代码:

prev : 任何有效选择器

$

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

结果:

示例

[ , , ]

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


HTML 代码:

[selector1][selector2][selectorN]复合属性选择器,需要同时满足多个条件时使用。

jQuery 代码:


$

Matches elements that have the specified attribute and it contains a certain value.返回值

结果:

Array

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

参数


selector1 : 属性选择器

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

selector2 : 另一个属性选择器,用以进一步缩小范围

Array

selectorN : 任意多个属性选择器

参数

示例

prev : 任何有效选择器

找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的

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

HTML 代码:

示例

jQuery 代码:

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

$("input[id][name$='man']")

HTML 代码:

结果:

jQuery 代码:

[ ]

$

结果:

[ ]

编辑:服务器运维 本文来源:查找所有可见的 tr 元素

关键词: