전체 글 90

【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

【Native/Selector #4】Attribute Contains Selector [name*=”value”]

1. Description querySelectorAll("[name*='value']") 속성값의 부분 문자열과 매칭되는 Element들을 선택한다. ※ jQuery Attribute Contains Selector [name*=”value”]의 Native버전입니다. 2. Example #1버튼을 클릭하면 name에 'va'가 들어가 있는 Element를 찾아서 텍스트의 색상을 파랑으로 변경하고 'is great'이라는 문자열을 추가한다. 버튼을 클릭할 때마다 텍스트의 오른쪽에 클릭한 횟수가 표시된다.

JavaScript/Native 2023.02.27