jQuery attribute auto added to elements

by

The jQuery source is pretty easy to read, and you can look at what the data function is doing.

To summarize:

  • jQuery has a variable called ‘expando’ which is 'jQuery'+(+new Date)
  • jQuery has another variable called uuid which starts with “1”
  • jQuery.cache is an empty object

  • Setting/Getting any “data” on a HTML Element/Object will use the expando property on the object to store a reference into jQuery.cache — sort of like this:

    // get the elements cache id, or create a new cache id:
var id = elem[expando] || (elem[expando] = uuid++);
// get the cache for the element, or create it:
var data = jQuery.cache[id] || (jQuery.cache[id] = {});

  • Event Handlers are stored in the events and handle properties of this internal data object.

So, internally all properties that are assigned using .data() use this “expando” attribute on the HTML to store a key into jQuery’s internal data cache. jQuery event handlers are also stored in this same cache. The numeric value assigned to the expando is an incrementing counter that references its location in the jQuery cache object.

More Related Contents:

  1. How to get the class of a div on click [closed]
  2. WordPress how to use jquery and $ sign
  3. Jquery Ajax Posting JSON to webservice
  4. jQuery: Can I call delay() between addClass() and such?
  5. parsererror after jQuery.ajax request with jsonp content type
  6. How to fade to display: inline-block
  7. What does AngularJS do better than jQuery? [closed]
  8. How do I auto-hide placeholder text upon focus using css or jquery?
  9. Set value of hidden field in a form using jQuery’s “.val()” doesn’t work
  10. Does AJAX loaded content get a “document.ready”?
  11. Where is the typeahead JavaScript module in Bootstrap 3 RC 1?
  12. Jquery ajax error callback
  13. How to call external url in jquery?
  14. jQuery: How can I show an image popup onclick of the thumbnail?
  15. How to select an element that has focus on it with jQuery
  16. What are the typical reasons Javascript developed on Firefox fails on IE? [closed]
  17. How to handle change of checkbox using jQuery?
  18. Find all elements based on ids using regex on jQuery selector
  19. jQuery: How to get the value of an html attribute?
  20. why put $ with $self and $body? And is self the same as $self [duplicate]
  21. How to force a hover state with jQuery?
  22. JqGrid Filter Rules – Can we filter based on an Array?
  23. jQuery .get error response function?
  24. How do you fadeIn and animate at the same time?
  25. Initialising select2 created dynamically
  26. jQuery ajax and SSL?
  27. jQuery animate scroll
  28. JSON parsing error syntax error unexpected end of input
  29. Display 2 weeks in jQuery FullCalendar
  30. Highlight text inside html with jQuery

Leave a Comment