개발/JQuery (2) 썸네일형 리스트형 jQuery 이벤트 1. jQuery 이벤트 관련 ㅇ 문서 로딩 이벤트 - ready() : 문서 로딩 (이미지,동영상 등이 아닌 단지 html 문서 만 불러왔음을 알림) . 사용 例) $(document).ready( function() { } ); .. 또는 간략히, $( function() { } ); .. 즉, 위 두 경우 모두, body 태그 내 모든 코드를 읽은 후 호출되는 onload 기능 임 - load() : 파일 로딩 (네트워크를 통해 해당 문서의 모든 리소스까지도 불러왔음을 알림) . 사용 例) $(document).load(); . 사용 例) $(선택).load(URL, 익명 함수 또는 콜백 함수); .. 특정 URL에 대한 파일 로딩 ㅇ 브라우저 이벤트 - resize() : 브라우저 크기조절 이벤트.. jQuery jQueryPrefix jQuery object variables with a $.jQuery오브젝트의 변수는 선두에 $ 를 부여해 주십시오.// bad const sidebar = $('.sidebar'); // good const $sidebar = $('.sidebar'); // good const $sidebarBtn = $('.sidebar-btn');Cache jQuery lookups.jQuery의 검색결과를 캐시해 주십시오.// bad function setSidebar() { $('.sidebar').hide(); // ...stuff... $('.sidebar').css({ 'background-color': 'pink' }); } // good function setSidebar() .. 이전 1 다음