Frontend Developer를 향해 !

http://blog.naver.com/leeba37/50179211345

1.x대 버전과 똑같은 API를 사용하는 특징이 있어서, 호환성이 그대로 유지가 되나... 1.x대 버전과 가장 큰 차이점은 더 이상 ie 6,7,8 버전을 지원하지 않는다는 것...

- 실무에서 자주사용되는 간단한 script중에 하나인데 프로젝트 할때마다 만들기가 귀찮아서 샘플로 올려놓습니다..- 아래 소스 그대로 복사해서 붙여넣기 하고 제이쿼리 라이브러리 연결해주면 작동합니다. css html마크업 & script semple top

1. DOM을 캐싱하라. 한번 탐색한 DOM을 다시 탐색하는 것은 비효율적이니까. Bad h = $('.element').height(); $('.element').css('height',h-20); Good $element = $('.element'); h = $element.height(); $element.css('height',h-20); 2. 가급적 전역을 오염시키지 마라. 함수 영역(Scope) 내, 지역 변수 사용으로 전역을 오염시켜 충돌이 나는 것을 사전에 방지해야 하니까. Bad $element = $('.element'); h = $element.height(); $element.css('height',h-20); Good var $element = $('.element'); var h..

jQuery.noConflict(); jQuery(function($){ // 여기에 작성한 코드는 브라우저가 HTML을 해석을 마칠 때까지 기다렸다가 실행합니다. }); 1. 다른 자바스크립트 라이브러리와 jQuery를 함께 사용할 우려가 있는 경우 위와 같이 작성합니다. 또 다른 자바스크립트 라이브러리에서도 달러 ‘$’ 기호를 객체로 사용하고 있어 충돌이 날 수 있기 때문입니다. 이렇게 jQuery.noConflict() 라고 시작 부분에 선언하고 jQuery(function(){ … }) 함수 괄호() 안에 ‘$’를 넣어 두면 jQuery(function($){ … }) 안쪽에서는 충돌 없이 안전하게 달러 ‘$’ 기호를 사용할 수 있습니다. 2. 다른 방법으로는 를 선언하고 $ 대신에 변수명으로 사..

네이버 메인에 왼쪽 메뉴 동작하는 움직임을 보고 나중에 혹시 써먹을지도 몰라 만들었다.url 또는 첨부파일 참고- http://studyjquery.cafe24.com/test/test_0624.html

제이쿼리 1.9이상 버전에서 하위버전과 호환이 잘 안될때 사용1.6 또는 1.7에서 사용되던 플러그인들이 jquery 1.x 최신버전에서 동작하지 않는다면 해당 플러그인을 삽입해 보자.