Element 검색 성능 테스트

Create bulk element
대기
입력폼 필터
$(:text)
대기
태그명 + 입력폼 필터
$(input:text)
대기
태그명 -> filter 메서드
$("input").filter(":text")
대기
클래스 선택자
$(".input_name")
대기
후손 선택자
$("#a50 .main")
대기
find() 메서드
$("#a50").find(".main")
대기
객체 cache 후 find() 메서드
var a50 = $("#a50");
a50.find(".main")
대기
특성 선택자(Attribute Selector)
$("[id='b_50_50']")
대기
class name 찾기
$(".test")
대기
span 태그로 찾기
$("span")
대기
id 로 찾기
$("#b_30_50")
대기

DOM 요소 추가 테스트

Create bulk element
대기
CASE1 최악
대기
CASE2 그나마...
대기
CASE3 개선
(평균 속도가 일정하다)
대기
CASE4 개선2
(가끔 CASE3 개선보다 느릴때도 있지만 평균적으로 빠르다)
대기
CASE5 개선3
(가끔 CASE4 개선보다 느릴때도 있지만 평균적으로 빠르다)
대기