반응형 개발/jquery8 event.preventDefault() event.preventDefault() : 이 메소드가 호출된다면 디폴트 이벤트 액션이 발생되지 않는다. 예를 들어 여기 클릭 에서 a 엘리먼트의 클릭 이벤트에 preventDefault() 메소드를 호출하면 기본 이벤트 액션이 href 액션은 실행이 되지 않는다는 말이다. 참고 사이트 : http://api.jquery.com/event.preventDefault/ 2014. 4. 5. jquery가 지원하는 기본 css 셀렉터 셀렉터설명 *모든 엘레먼트와 일치 E태그명이 E인 모든 엘리먼트와 일치 E F E의 자손이면서 엘리먼트의 이름이 F인 모든 엘리먼트 E > F E의 바로 아래 F 엘리먼트 E+FE의 형제 엘리먼트로 바로 다음 형제 F 엘리먼트 E~FE의 형제 엘리먼트로 다음에 나오는 모든 F 엘리먼트 E:has(F)엘리먼트 F의 자손을 하나 이상 가지고 있는 E 모든 엘리먼트 E.C클래스명 C를 가지고 있는 모든 E 엘리먼트. *.C클래서명 C를 가지고 있는 모든 엘리먼트 E#I아이디가 I 인 모든 E 엘리먼트. *#I아이디가 I인 모든 엘리먼트 E[A]어트리뷰트 A를 가지는 모든 E 엘리먼트 E[A=V]어트리뷰트 A의 값이 V인 모든 E 엘리먼트 E[A^=V]어트리뷰트 A의 값이 V로 시작하는 모든 E 엘리먼트 E[A.. 2014. 4. 5. li:has(a)와 li a 의 차이점 1. li:has(a) - 모든 li중에 a 엘리먼트를 가지고 있는 li 엘리먼트를 선택한다. 2. li a - li 엘리먼트에 포함된 모든 a 엘리먼트를 선택한다. 예)jQuery supports CSS1 CSS2 CSS3 Basic XPath 1. li:has(a) 의경우 - jQuery supports CSS1 CSS2 CSS3이렇게 4개의 li 엘리먼트가 선택되어진다. 2. li a 의 경우 - jQuery supports CSS1 CSS2 CSS3이렇게 4개의 a 엘리먼트가 선택되어진다. 2014. 4. 5. window.onload 대체 우리는 페이지가 다 로딩된 후에 처리해야 할 작업이 있다면window.onload 를 사용하여 처리했다. 하지만 window.onload 는 문서의 dom 트리뿐만 아니라 모든 이미지와 다른 외부 리소스까지 다 로드된 후에에야 실행이 된다.그렇기에 사용자들이 사용했을때 그만큼의 시간의 차이를 느낀다. 만약 이미지 서버등에 이상이 생겨 로딩시간이 오래걸린다면 해당작업은 무한적으로 대기되는 상태까지 발생할 수 있다. jquery 나은 접근법을 제공한다. ready 함수이다. $(document).ready(function() {처리해야 할 작업들. }); 이 접근법은 해당 문서의 dom트리만 로딩되면 실행이 되기 때문에 window.onload에서 사용자가 느낄 수 있는 시간적 갭을 많이 줄여줄 수 있다. .. 2014. 4. 5. 이전 1 2 다음 반응형