자바스크립트 12

JQuery 엘리먼트 선택자

J쿼리 공식홈에서 가져옴 $("E F"); //E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치 $("E>F"); //E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치 $("E+F"); //E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치 $("E~F"); //E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치 $(":first-child");//첫번째 자식 엘리먼트. li:first-child는 각 리스트의 첫번째 아이템을 반환한다. $(":last-child");//마지막 자식 엘리먼트. li:last-child는 각 리스트의 마지막 아이템을 반환한다. $(":only-child");//형제가 없는 모든 엘리먼트 반환 $(":nth-child(n)");//n번째 자식..

Note/그밖에 2011.06.30

JQuery :: $(document).ready

$(document).ready 함수는 DOM 로드가 끝나고 이미지가 로드되기 전에 실행된다. 도큐먼트가 준비되었다는 의미로 생각하면 쉬울것 같다. 보통의 html 페이지에서 - 페이지 로딩시점에서. 엘리먼트 id에 접근하여 이벤트를 발생시키려면 사이에 스크립트를 삽입하는것이 아니라 id를 정의한 태그 아래쪽에 스크립트를 삽입해야한다. JQuery를 사용하여 $(document).ready 를 사용하면 에 스크립트를 삽입하여도 DOM 트리를 로드 한 후에 실행하기때문에 정상적인 실행이 가능하다. 사용법은 다음과 같다. $(document).ready(function() { //1번 $('table').css("width","800px"); //2번 $('#switcher').trigger('click')..

Note/그밖에 2011.06.30