Question

For instance I have a function:

function somefunction () {
    $('someselector').fadeOut('slow', function() { $(this).remove; });
}

Then this function is called within:

$('someselector1').click(function() {
     somefunction ();
});

Will the $(this) inside somefunction() refer to someselector() or to someselector1()? As I understand it, this() refers to the selector that triggered the event, which is in this case, someselector1. Is it correct?

Answer 1

It will refer to a DOM element matching someselector. this is set to the element the fadeOut function is being applied to.

this inside of someFunction (but not inside the callback function to fadeOut) will be a reference to the window object.

function somefunction () {
    // "this", unless specifically set, will refer to "window"
    $('someselector').fadeOut('slow', function() { 
        // "this" refers to the element that just finished fading out.
        $(this).remove; 
    });
}

Example: http://jsfiddle.net/9ubgH/