jQuery 가시성 필터:숨김 및 :가시성 사용 example_jquery

이 기사의 예에서는 jQuery 가시성 필터(숨김 및 가시성)의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

:숨김
보이지 않는 모든 요소와 일치합니다. CSS의 가시성 속성을 사용하여 요소를 표시하지 않고 공간을 차지하게 하면 숨겨지지 않습니다.
display:none, $("tr:hidden")

의 tr 요소를 찾습니다.

:표시
표시되는 모든 요소 일치
표시가 없음이 아닌 모든 요소 찾기 $("tr:visible")

예:

<tr id="one"style="display:none;"><td>1</td><td>2</td></tr>
<tr id="two"style="visibility:hidden;"><td>3</td><td>4</td></tr>
<tr id="three"><td>5</td><td>6</td></tr>
$("tr:hidden");//选中id为one的元素
$("tr:visible");//选中id为"two"和"three"的元素

사실 여기 있는 두 필터는 요소가 숨겨져 있는지 여부에 상관하지 않습니다. display:none인 경우에는 hide:none을 사용하여 가져올 수 있습니다. 그것이 무엇이든 그것을 얻으십시오.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.