jQuery: Global Variable Namespace Problem

Is there a way to declare a global variable in jQuery in its own namespace?

Sure, I can declare global variables with plain old JavaScript, but they will fall in the window's namespace. For example, if I had a variable named document, it would surely overwrite the document object of the window.

Does jQuery have a hash ta开发者_高级运维ble that lets you store any object by their name?

Thanks.

Not sure why you want to use jQuery for that? You could just create your own namespace:

var namespace = {
    document : "Foo"
};

Please elaborate, if there's some need to use jQuery somehow.

Of course you can. Create a namespace as an object and then attach it to the jQuery function.

(function ($) {

  $.myNamespace = {};

})(jQuery);

Here I've created an auto-executing anonymous function to do the work. I can then add other propertes and functions to the namespace inside this function. Also this avoids the problem of someone else renaming $ to something else.

After this is done you can refer to your namespace as jQuery.myNamespace

If the variable is something that want to associate with an element to be used later, maybe in a different routine, you could use jQuery's "data" method to store it.

e.g.

    :
    :

// Save original HTML content.

var old_html = $('#box').html();
$('#box').data({originalContent: old_html});

// Replace with new content.

$('#box').empty().html(new_html);

    :

// Restore original content (maybe in a different function).

var orig_html = $('#box').data('originalContent');
$('#box').empty().html(orig_html);

    :

I hope this is useful to you.

Regards Neil