DOM의 요소에 class 또는 id를 적용하는 것이 더 효율적입니까?

Question

우리가 css 또는 javascript를 적용해야하는 요소가 하나만 있다면. 클래스 또는 ID를 부여하는 것이 더 효율적인 것은 무엇입니까? 나는 이상적으로 우리가 id를 주어야한다는 것을 이해하지만 이미 작성된 코드가있는 시나리오가 있으며 성능이 관련 될 때만 변경하려고합니다.

Answer 1

확인이 블로그 게시물 : 클래스가 페이지에서 몇 가지 요소에만 적용되는 경우

http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/는 기본적으로 ID를 선택하고 클래스 선택 사이에 성능 차이가 없을 것입니다.

Answer 2

ID는 항상 CSS 엔진과 JavaScript DOM 조작을위한보다 효율적이고 빠른 방법입니다.

id 또는 클래스를 사용하여 동일한 작업량을 타이밍하여 JavaScript로 속도를 향상시킬 수 있습니다.

Answer 3

이것은 브라우저의 DOM 구현에 따라 달라집니다. 이론 상으로는 id를 사용하는 것이 성능면에서는 약간 좋지만, 대부분의 경우에는 너무 적습니다. 실제로 브라우저는 임의로 비효율적으로 구현할 수 있습니다.

성능이 중요한 경우 벤치 마크하십시오. IE6보다 더 현대적인 브라우저에서는 차이를 내지 않을 것입니다.

Answer 4

이론상, id -selector는 문서에서 ID가 should be unique 인 경우 빠릅니다. 실용적인 거의 모든 브라우저는 어떤 영향을 미치지 않으면 서 여러 번 id를 여러 번 사용할 수 있습니다. 따라서 심지어 performane의 차이가 있다면 id selector가 빠르지 만 그 차이는 너무 작을 것입니다 't은 그것을 이제까지 알아 차린다.