selector6 jQuery API 정복 - 유일한 자식 요소 찾기 : only-child :only-child 자기가 유일한 자식인 요소를 찾아 줍니다. 원문 링크 http://api.jquery.com/only-child-selector/ only-child selector jQuery(':only-child') 예 제 소스닫기 형제가 없는 버튼을 찾아서 색을 바꿔줍니다. Sibling! Sibling! Sibling! None Sibling! Sibling! Sibling! Sibling! 미리보기 딱 보시면 아시겠죠? 외아들 또는 외동딸 보면 티 나잖아요. 하하;;; 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 17. jQuery API 정복 - 폼에 속한 input 들 선택하기 : jQuery(':input') :input 은 문서상에 있는 모든 input 과 textarea, select, button 요소들을 찾아줍니다. 원문 링크 http://api.jquery.com/input-selector/ input selector jQuery(':input') 폼에 속하는 하위 요소들인 input, textarea, select 와 같은 사용자 입력 요소들을 이 선택자로 모두 찾아낼 수 있습니다. 예 제 소스닫기 모든 input 요소를 찾아서 그 개수를 표시합니다. Option Button 미리보기 위 소스에 보시면 input 선택자를 이용하는 방법과 form 에 속한 모든 요소를 선택하는 방법으로 2가지가 있습니다. 지금 예제 코드의 결과는 13개 요소로 동일한 결과를 보여주지만 실제로 form 태그 안에 di.. 2011. 2. 11. jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : 체크된 체크박스만 알아내기 :checked 는 체크박스나 라디오버튼 들 중에 체크가 되어 있는 요소만 찾는 선택자입니다. 원문 링크 http://api.jquery.com/checked-selector/ checkbox selector 개요 : 체크박스나 라디오버튼 태그 중에 선택되어 있는 요소를 찾습니다. jQuery(':checked') :checked 는 checkbox 나 radio buttons 들에 해당됩니다. 콤보(select) 박스는 :selected 선택자를 사용하세요. 예 제 소스닫기 체크박스를 클릭할 때마다 그 상태를 체크하여 만일 선택(체크)상태이면 체크된 상태인 개수를 알려줍니다. 미리보기 위 소스중에 보시면 n 2011. 1. 26. jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name$="value"] [name$="value"] 는 태그의 name 속성명에 들어가 있는 문자의 끝에서 부터 "value" 에 해당되는 문자가 포함되어 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-ends-with-selector/ attributeEndsWith selector 개요 : 태그가 가진 속성(attributes)의 값(value)의 뒷쪽부터 문자열이 포함되어 있는 요소를 찾아 줍니다. jQuery('[attribute$="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값의 뒷쪽부터 "letter" 이라는 단어를 포함하고 있는 요.. 2011. 1. 22. jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name~="value"] [name~="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 구분되는 단어로 들어가 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-contains-word-selector/ attributeContainsWord selector 개요 : 태그가 가진 속성(attributes)의 값(value)에 선택자로 주어진 문자열이 단어의 형태로 들어가 있으면 반환해 줍니다. jQuery('[attribute~="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "man" 이라는 단어.. 2011. 1. 21. jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name|="value"] [name|="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 앞쪽에 들어가 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-contains-prefix-selector/ attributeContainsPrefix selector 개요 : 태그가 가진 속성(attributes)의 값(value)에 하이픈(-)이 포함되어 있을 때 해당 문자열로 시작되는 요소를 찾아 줍니다. jQuery('[attribute|="value"]') attribute 태그의 속성 value 속성의 값 예 제 문서에 모든 링크 중에 hreflang 속성(attribute)의 값이 "en" 으로 시작되는 요소를 찾아서 3px 의 테.. 2011. 1. 20. 이전 1 다음