JavaScript/jQuery 66

【jQuery/Selector #32】:hidden Selector

1. Description jQuery( ":hidden" ) : 숨겨진 모든 Element들을 찾는다. 다음의 경우 숨겨진 Element로 취급될 수 있다. display:none으로 설정된 경우 input type="hidden"으로 설정된 경우 width와 height가 0으로 설정된 경우(※ 테스트 결과 :hidden으로 필터링되지 않았다) 상위 Element가 hidden으로 설정된 경우 jQuery 1.3.2버전부터 visibility:hidden은 :hidden필터링에서 제외되었다. jQuery 3버전부터는 과 같이 Layout을 갖지 않는 Element들은 :hidden필터링에서 제외되었다. ※ 자세한 내용은 「6 Reference」를 참고하세요. 2. Example #1버튼을 클릭하면 h..

JavaScript/jQuery 2023.03.05

【jQuery/Selector #28】:gt() Selector

1. Description 3.4버전부터 Deprecated되었다. 매칭된 Element들 중에서 주어진 인덱스보다 더 큰 인덱스의 Element들을 찾는다. :gt()처럼 사용하던 것을 선행하는 Selector와 조합하여 사용한 다음 .slice()를 사용하는 것으로 대신할 수 있다. ※ jQuery1.8 이전 버전은 :gt(-index)가 지원되지 않는다. 2. Usage jQuery(":gt(index)") : 첫 번째 Element부터 찾는다. 첫 번째 Element의 인덱스는 0이다. jQuery(":gt(-index)") : 마지막 Element부터 찾는다. 마지막 Element의 인덱스는 -1이다. 3. Example #1버튼을 누르면 처음부터 세 번째로 시작하는 태그들의 border스타일을..

JavaScript/jQuery 2023.02.24