Là .find() nhanh hơn phương pháp lựa chọn con cháu cơ bản?

Question

Slide 30 trong Paul Irish's blog đề cập:

$('#container').find('div.robotarm') nhanh hơn $('#container div.robotarm')

là đúng này?

Answer 1

Có thể trong phiên bản trước của jQuery là trường hợp đó. Tuy nhiên, khái niệm

$('#container div.robotarm') 

được chuẩn hóa thông qua jQuery vào

$('#container').find('div.robotarm') 

Vì vậy, lý do duy nhất tại sao $('#container div.robotarm') nên chậm là do chức năng cuộc gọi trên cao. Nhưng, đó thực sự sẽ là một sự khác biệt tầm thường.

Nếu cuộc gọi đó không được chuẩn hóa, sizzle (Công cụ chọn css lại) sẽ được sử dụng để tra cứu phần tử đó (từ phải sang trái). Điều đó tất nhiên sẽ chậm hơn nhiều.

Answer 2

Vì bạn đã hỏi ý kiến, điều đó không quan trọng.

Bạn luôn có thể tìm ra một trường hợp chạy nhanh hơn trường hợp khác trong một số trình duyệt theo một cấu hình nhất định của DOM. Không cần phải chia tóc.

Answer 3

Điều này chỉ đúng khi tìm kiếm theo ID.

Nhưng khi chúng tôi tìm kiếm theo tên thẻ, nó trả về các kết quả khác nhau trong các trình duyệt hiện đại, nơi $('div').find('p') chậm hơn $('div p') vì sau này sử dụng querySelector().