반응형
$는 jQuery를 줄여서 표현한 것.
· 태그 이름 : $('p')는 도큐먼트 내에서 모든 HTML 단락요소(p 요소)들을 얻어낸다.
· ID : $(#'some-id')는 도큐먼트 내에서 some-class라는 ID를 가지는 단일 요소를 가져온다.
· 클래스 : $('.some-class')는 도큐먼트 내에서 some-class라는 클래스 이름을 가진 모든 요소를 가져온다.
모든 것이 로드되었음을 알려주는 래퍼인 $(document).ready()로 시작
· 태그 이름 : $('p')는 도큐먼트 내에서 모든 HTML 단락요소(p 요소)들을 얻어낸다.
· ID : $(#'some-id')는 도큐먼트 내에서 some-class라는 ID를 가지는 단일 요소를 가져온다.
· 클래스 : $('.some-class')는 도큐먼트 내에서 some-class라는 클래스 이름을 가진 모든 요소를 가져온다.
모든 것이 로드되었음을 알려주는 래퍼인 $(document).ready()로 시작
$(document).ready(function() { //id selected-plays를 가지는 요소의 자식(>)중에서 li를 찾아서 스타일시트 bold 클래스를 를 적용 $('#selected-plays > li').addClass('bold'); //id selected-plays를 가지는 요소의 자식(>)중에서 li를 찾은 것중에 스타일시트 normal클래스가 아닌것에 스타일시트 bold 클래스를 를 적용 $('#selected-plays > li:not(.normal)').addClass('bold'); });
반응형
'Dev > jQuery' 카테고리의 다른 글
[jQuery] jQuery 효과주기(fade, slide, animate) (1) | 2009.11.30 |
---|---|
[jQuery] jQuery toggle사용(접기/펴기) (0) | 2009.11.30 |
[jQuery] jQuery 선택자 정리 (3) | 2009.11.24 |
[jQuery] $(document).ready()의 간결한 단축코드 (0) | 2009.11.24 |
[jQuery] jQuery의 시작! (0) | 2009.11.03 |