jQuery 사용시 주의해야 할점 요약
셀렉터의 구체화 사용 | “class” 또는
“attribute”를 통한 셀렉트시에는 최대한 자세히 명시를 해 주는 것이 성능에 큰 도움이 됨, 셀렉터의 “class”를 이용할 경우에는 단순히 $(“.myClass”) 보다는 $(“div > ul > li.class”)처럼 많은 정보를 주면 jQuery가 HTML문서에서 탐색하는 범위가 줄어들어 성능향상의 효과가 있음 |
셀렉터의 사용 자제 | 기존에 사용한 셀렉터를 재사용을
하거나, .end() 메서드를 통해 반복 사용하지 않을 것 |
순수 자바스크립트 사용 할것 | jQuery의
함수를 실행할 경우 내부에서 구현된 복잡한 로직을 통해 javascript를 실행하고 있기 때문에 해당 로직을 피하게 되면 그만큼의 성능이 올라간다 |
.css() | .css() 메서드를 사용하여, 선택한
개체에 특정 스타일을 적용할 경우 내부에서 많은 처리를 함 |
댓글
댓글 쓰기