1Q74

1. Description 자식Element를 가지고 있지 않은 모든 Element들을 찾는다. 이것은 :parent와는 정반대의 Selector이다. 자식에는 text노드도 포함된다(즉, 태그 내용에 문자열이 들어가 있으면 자식Element라고 인정하는 것이다). 자식노드가 없는 태그들은 다음과 같은 것들이 있다. , , , 2. Example #1버튼을 클릭하면 자식Element가 비어 있는 Element들을 찾아서, [empty]라는 텍스트를 삽입하고 배경색을 gray로 변경한다. 버튼을 클릭할 때마다 해당 기능을 토글시킨다.

1. Description 1$(":enabled")처럼 사용하기 보다는 다른 Selector와 조합해서 사용하는 것이 추천된다. (※ 이 내용은 $(":disabled")와 같으므로 여기를 참고하기 바랍니다). :enabled는 disabled프로퍼티가 false인 것을 찾는 반면 :not([disabled])는 disabled속성이 설정되지 않은 요소들을 찾는다. :enabled는 disabled속성을 지원하는 , , , , , Element를 찾을 때 사용해야 한다. 2. Example #1버튼을 클릭하면 checkbox가 enabled인 것을 찾아서 체크표시를 넣는다. 버튼을 클릭할 때마다 해당 스타일이 토글된다.

1. Description 해당 태그 이름으로 된 모든 Element들을 찾는다. 2. Example #1버튼을 클릭하면 , , 태그를 찾아서 텍스트 중간에 'Great'을 삽입한다. 해당 버튼을 클릭할 때마다 문자열 삽입과 삭제가 토글된다.

1. Description disabled된 모든 Element들을 찾는다. ※ $(":disabled")처럼 사용하는 것보다는 다른 Selector과 같이 사용하는 것이 좋다고 합니다(해당 내용에 대해서는 여기를 참고하거나 「5. Reference」를 참고하세요). :disabled는 실제로 disabled된 Element소들을 찾는 반면 [disabled]는 disabled속성의 존재유무를 체크한다고 합니다. :disabled Selector는 disabled속성을 지원하는 다음의 HTMLElement들을 찾기 위해서 사용해야 한다고 합니다. , , , , , , , ※ 자세한 내용은 「4. Reference」를 참고하세요. 2. Example #1버튼을 클릭하면 disabled된 Element인 M..

1. Description 부모Element 하위에 있는 Element들 중, 매칭되는 모든 Element들을 찾는다. 2. Example $("[name='bigtech'] li") Selector을 사용하여, bigtech하위에 있는 모든 태그를 찾는다.

1. Description 특정 문자열이 들어가 있는 Element들을 찾는다. contains(text)함수 안의 텍스트는 따옴표를 생략할 수 있다. 2. Example

1. Description 해당하는 CSS 클래스를 가지고 있는 Element들을 찾는다. $(".class1, .class2, .class3, ...)과 같이 여러 클래스로 찾을 수 있지만, 그 중 하나는 반드시 매칭되어야 한다. 2. Example #1버튼을 클릭하면 .tesla, .google, .apple 클래스를 가지고 있는 Element를 찾아서 border색생과 같은 색상으로 배경색을 채운다. 버튼을 클릭할 때마다 해당 스타일이 토글된다.

1. Description 부모Element의 한 단계 아래의 Element들만 찾는다(두 단계 이상의 요소들은 찾지 않는다). 2. Example #1버튼을 클릭하면 태그 한 단계 아래에 있는 태그들을 찾아서 밑줄을 넣는다. 버튼을 클릭할 때마다 해당 스타일이 토글된다.

1. Description checked되어 있는 Element를 찾는다. 2. Example #1버튼을 클릭하면 선택된 User Hobby에 따라 다르게 메시지가 표시된다.

1. Description type이 checkbox인 것을 찾는다. $(":checkbox") Selector는 $("[type='checkbox']")와 같다. ':'로 시작하는 Selector들은 기본적으로 "*"(All Selector)를 내포하고 있기 때문에, tag이름이나 다른 Selector와 같이 쓰는 것이 좋다고 한다. 즉, $(":checkbox")는 $("*:checkbox")와 같기 때문에 $("input:checkbox")처럼 쓰는 것이 좋다고 한다. 현대의 브라우저들 상에서 가장 좋은 퍼포먼스를 내기 위해서는 $("[type='checkbox']")를 사용하는 것이 좋다고 한다. ※ 자세한 내용은 「4. Reference」를 참고하세요. 2. Example #1버튼을 누른면 ty..