Best way to select a descendant element

Question

Is there any difference between:

var a = $('.a');
$('.b', a).click(function(){

});

and:

a.find('.b').click(function(){

});

?

I remember I saw a post on SO with the exact same question: http://stackoverflow.com/a/16423239/283863 — Derek 朕會功夫, Mar 06 '14 at 21:19

score 5 · Accepted Answer · answered Mar 06 '14 at 21:15

5

The first one jQuery( selector [, context ] ) that takes context is converted to second one which calls find by the jQuery. I would prefer second one.

Internally, selector context is implemented with the .find() method, so $( "span", this ) is equivalent to $( this ).find( "span" ), jQuery Docs

answered Mar 06 '14 at 21:15

Adil

143,427
25
201
198

Here the revelant code : https://gist.github.com/kagagnon/a13de27760ba1af883c0#file-gistfile1-js-L199 – Karl-André Gagnon Mar 06 '14 at 21:18

Best way to select a descendant element

1 Answers1