jQuery : 보이는 선택기 사용 방법 소개

개요

보이는 모든 요소와 일치

예

설명:

보이는 모든 tr 요소 찾기

HTML 코드:

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

j쿼리 코드:

$("tr:visible")

결과:

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

이 선택기는 현재 보이는 모든 요소와 일치할 수 있습니다. 강요.

구문 구조:

$(":visible")

이 선택기는 일반적으로 클래스 선택기 및 요소 선택기 등과 같은 다른 선택기와 함께 사용됩니다. 예:

$("div:visible").css({color:"blue"})

위 코드는 표시되는 div 요소의 글꼴 색상을 파란색으로 설정할 수 있습니다.
다른 선택기와 함께 사용하지 않는 경우 기본 state가 * 선택기와 함께 사용됩니다. 예를 들어 $(":visible")는 $("*:visible")과 동일합니다.

예제 코드:

예제 1:

我是不可见的
我是可见的

  
php中文网欢迎您

点击查看效果

위 코드는 표시되는 div의 텍스트 색상을 파란색으로 설정할 수 있습니다.

예제 2:

我是不可见的
我是可见的

  
脚本之家欢迎您

点击查看效果

위 코드에서는 :visible 선택기와 함께 사용할 선택기를 지정하지 않았으므로 기본적으로 * 선택기와 함께 사용되므로 코드에서는 표시되는 모든 요소의 텍스트 색상을 파란색으로 설정할 수 있습니다. 색상.

위 내용은 jQuery : 보이는 선택기 사용 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!