두번째 예제
기존에 HTML은 document.all 이나, document.getElementById 같은걸 이용해서 접근했으나, Selector가 생기면서 querySelector 또는 querySelectorAll, getElementsBySelector 로 접근할 수 있다고 합니다.

JQuery에서는 이 긴 메소드 명을 치는 대신 $(...)으로 처리할 수 있습니다.

 
실행 결과는 변변치 않은 듯하고, 중요한 것은 $('ul#tmp li a') 로 보입니다.
의미는 ul 태그중에 tmp라는 이름을 가진 태그 자식중에 li태그, 또 li태그의 자식 가운데 a태그의 click 함수의 동작을 window.open으로 바꾸는 것입니다.

Selector는
1. space로 부모 자식 관계를 형성한 태그를 검색할 수 있습니다.
2. tag명 뒤에 #을 붙여 id를 지정할 수 있습니다.
3. tag명 뒤에 .을 붙여 class를 지정할 수 있습니다.
4. *을 사용하여 모든 element를 선택할 수 있습니다.



'Open Source > JQuery' 카테고리의 다른 글

JQuery Event  (0) 2011.05.12
JQuery method  (0) 2011.04.28
JQuery - Selector  (0) 2011.04.28
1. jquery 간단 예제  (0) 2011.04.26

+ Recent posts