1Q74

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..

1. Description 모든 button Element들을 찾는다. $(":button")은 CSS의 $( "button, input[type='button']" )과 같다고 한다. 속도 향상을 위해서는 직접 $(":button") Selector를 사용하기 보다는, pure CSS Selector를 사용한 후에 .filter(":button")을 사용하는 것이 좋다고 한다. ※ 자세한 내용은 「5. Reference」를 참고하세요. 2. Example #1버튼을 클릭하면 button Element를 찾아 border-color, border-size를 변경한다. 버튼을 클릭할 때마다 해당 CSS가 토글된다.

1. Description 속성값의 문자열로 시작하는 Element들을 찾는다. 2. Example #1버튼을 클릭하면, value속성이 'story'로 시작하는 요소들을 찾아서 배경색을 gray로 변경한다. #2버튼을 클릭하면, 한번 클릭할 때마다 해당 Element들을 180도씩 회전시킨다.

1. Description 해당 속성을 가지고 있지 않은 Element, 또는 해당 속성을 가지고 있지만 속성값과 일치하지 않는 Element들을 찾는다. 2. Example #1버튼을 클릭할 때마다 value속성이 'love story'로 되어 있지 않은 Element들을 찾아 폰트 크기를 1씩 증가시킨다.

1. Description 속성값의 문자열과 정확히 일치하는 Element를 찾는다. 2. Example #1버튼을 실행할 때마다 value속성이 'love story'로 되어 있는 Element를 찾아서 폰트 크기를 1씩 증가시킨다.

1. Description 속성값의 끝나는 문자열과 매칭(대소문자 구분)되는 Element들을 찾는다. 2. Example name속성이 story로 끝나는 요소들을 오른쪽으로 정렬한다.

1. Description 속성값의 문자열과 부분 매칭되면서 공백으로 구분되는 문자열을 갖고 있는 Element를 찾는다. 2. Example 「영문이름에 'of'가 들어가 있고 공백으로 단어 구분이 되는 나라」버튼을 클릭했을 경우, 나라 이름에 'of'가 들어가 있는 요소들을 찾아 border스타일을 dotted로 바꾸고, 버튼을 클릭할 때마다 스타일을 토글시킨다. 「영문이름에 공백이 들어가 있지 않은 나라」버튼을 클릭했을 경우, 나라 이름에 'in'이 들어가 있는 요소들을 찾아 배경색을 orange로 바꾸고, 해당되는 요소들을 찾지 못했을 경우 "해당 나라를 찾을 수 없습니다"라는 메시지를 표시한다. ※ Spain과 China를 찾고자 하는 의도이지만 공백으로 구분되는 문자열이 없기 때문에 해당 요소..

1. Description 속성값의 부분 문자열과 매칭되는 Element들을 선택한다. 2. Example #1버튼을 클릭하면 name에 'va'가 들어가 있는 Element를 찾아서 텍스트의 색상을 파랑으로 변경하고 'is great'이라는 문자열을 추가한다. 버튼을 클릭할 때마다 텍스트의 오른쪽에 클릭한 횟수가 표시된다.