juqery 学习之三 选择器 可见性 元素属性

2020-05-18 08:46:42易采站长站整理

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


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

Array<Element>


示例

查找所有不可见的 tr 元素


HTML 代码:


<table>
  <tr style=”display:none”><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

jQuery 代码:


$(“tr:hidden”)

结果:


[ <tr style=”display:none”><td>Value 1</td></tr> ]

—————————————————————————————


:visible
匹配所有的可见元素

Matches all elements that are visible.
返回值

Array<Element>


示例

查找所有可见的 tr 元素


HTML 代码:


<table>
  <tr style=”display:none”><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

jQuery 代码:


$(“tr:visible”)

结果:


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

—————————————————————————————


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

Matches elements that have the specified attribute.
返回值

Array<Element>


参数

attribute (String) : 属性名


示例

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


HTML 代码:


<div>
  <p>Hello!</p>
</div>
<div id=”test2″></div>

jQuery 代码:


$(“div[id]”)

结果:


[ <div id=”test2″></div> ]

—————————————————————————————


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

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

Array<Element>