jQuery conflict when removing div after page load

Question

I\'m trying to remove a div from the page (preferably prevent it from loading at all) but for now I\'m settling on removing it after the page loads.

When I try the f

Answer 1

If you're sharing jQuery with another library that uses the dollar for its operation you need to guard against it like this, using an anonymous wrapper:

(function($) {
    $(window).on('load', function(){
        $('#content').remove();
    });
}(jQuery));

Note that instead of .load() I'm using .on('load', fn).

Instead of on page load you could also bind your code on DOM ready; jQuery passes itself as the first argument to the inner function:

jQuery(function($) {
    $('#content').remove();
});