Question

I was just poking around with jQuery, and I stumbled upon the Find function.

I tested like this:

$(document).ready(function(){

    $('button').click(function(){

        $('div').find('div').fadeOut(2000);

    });
});

And this

$(document).ready(function(){

    $('button').click(function(){

        $('div div').fadeOut(2000);

    });
});

And both produce the exact same result.

Whats the difference? 🙂

Answer 1

In your example there is no difference but there are cases that you can not use the first one, for example let’t say you have an element as the parameter of a function and you want to find divs inside it, then you have to use the “Find” method.

function foo(index, el)
{
    $(el).find("div")...
}

But when you know the exact path, obviously the second approach is more robus.