【jQuery/Selector #34】:image Selector 1. Description jQuery(":image") : type이 image로 설정된 Element들을 찾는다([type="image"]와 동일하다). 2. Example #1버튼을 누르면 [type="image"]를 찾아서 border스타일을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.03.05
【jQuery/Selector #33】ID Selector (“#id”) 1. Description jQuery("#id") : 해당 id로 설정된 Element를 찾는다. ※ id는 한번만 사용되어야 하지만, 똑같은 id가 중복되어 사용되었을 경우 첫 번째 id와 매칭된다. 2. Example #1버튼을 클릭하면 id가 mygreatcompany로 설정되어 있는 Element를 찾아서 배경색을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.03.05
【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 #31】:header Selector 1. Description jQuery(":header") : h1, h2, h3 ... 와 같은 Element들을 찾는다. 2. Example #1버튼을 클릭하면 의 에서 header태그들을 찾아서 배경색을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.03.04
【jQuery/Selector #30】:has() Selector 1. Description jQuery(":has(selector)") : selector를 적어도 하나 이상 가지고 있는 Element들을 찾는다. 2. Example #1버튼을 클릭하면 의 안에 태그를 가지고 있는 Element들을 찾아서 배경색을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.03.04
【jQuery/Selector #29】Has Attribute Selector [name] 1. Description jQuery("[attribute]") : (속성값이 없더라도)attribute속성이 설정되어 있는 Element를 찾는다. 2. Example #1버튼을 클릭하면 의 에 name속성이 설정되어 있는 Element를 찾아서 배경색을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.03.04
【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
【jQuery/Selector #27】:focus Selector 1. Description 현재 포커스가 들어가 있는 Element를 찾는다. 2. Example 3초마다 포커싱되는 Element를 찾아 배경색을 변경한다. JavaScript/jQuery 2023.02.24
【jQuery/Selector #26】:first Selector 1. Description 3.4버전부터 Deprecated되었다. 매치되는 첫 번째 Element를 찾는다. :first는 :eq(0), :lt(1)과 동일하며 오직 한 개의 Element와 매치되지만, :first-child는 여러 개의 Element와 매치될 수 있다. 2. Example #1버튼을 클릭하면 태그들 중 첫 번째 요소를 찾아서 border스타일을 변경한다. 버튼 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.02.24
【jQuery/Selector #25】:first-of-type Selector 1. Description 다른 부모Element 하위에 있는 있는 자식Element들 중에서 태그이름이 같은 첫 번째 요소를 찾는다. 2. Example #1버튼을 클릭하면 첫 번째 태그를 모두 찾아서 배경색을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다. JavaScript/jQuery 2023.02.24