[jQuery Tip] 선택자 최적화 하기

[jQuery Tip] 선택자 최적화 하기

선택자 최적화를 통해 HTML을 더 빠르게 선택하고 자바스크립트를 더 효율적을 사용한다.

1) 가능하다면 아이디 선택자를 사용해라.

HTML 요소를 가장 빠르게 선택하는 것은 아이디 선택자를 사용하는 것이다.

2) 아이디를 먼저 사용한 후 자손 선택자를 사용하라.

좁은 범위에서 선택해라. ex) $('#main a')

3) find() 함수를 사용해라.

4) 너무 상세한 사용은 피해라.

css 나열을 통해 상세하게 선택할 수 있지만, 이 방법은 속도를 느리게 할 수 있다.

가능하다면 더 짧은 자손 선택자를 사용한 후에 이를 다듬는 편이 좋다.