jquery selector performance?

Question

Just curious about which of these would be faster?

$('ul.dropdown a').first().click(function(event) {
    event.stopPropagation();
    return false;
});

or

$('.dropdown > li > a').click(function(event) {           
    event.preventDefault();
});

Is there any difference?

Moreover, if there's a difference for the machine, I doubt there's one for the human browsing the website. — mddw
– mddw, Commented May 10, 2012 at 13:23

gdoron · Accepted Answer · 2012-05-10 13:26:18Z

1

They do two different things.

I guess you're asking about > V.S. space:
> is fatser then space, as it goes one level deep only.

The tip with selectors is make the right side of it more precise than the left.
Read more here

answered May 10, 2012 at 13:18

gdoron

151k59 gold badges302 silver badges376 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thulasiram · Accepted Answer · 2012-05-10 13:39:55Z

0

$('.dropdown').find('a').on('click', function(e) {           
    e.preventDefault();
});

answered May 10, 2012 at 13:39

Thulasiram

8,5628 gold badges48 silver badges54 bronze badges

Could you update your answer sharing why that might be fastest?