javascript - jQuerys $.data() vs. DOM Object property -


Recently I need to add some data to the dynamically created LI element . In my first example, I used the .data () such as 

  var _newli = $ ('
  •  foobar & lt; / li & gt; '); _newli.data ('base', 'ball'); // add _newli to a `ul`

    • . It was slow too low . This logic is in a loop that can easily extend to 500+ items, it took ages! Sometimes it breaks the JavaScript execution time frame too.

    That's why I $ Data changed to . Either way, attaching the data to that object is doing more than 8x with the .data () method call. So it looks like 

      var _newli = $ ('
  •  foobar & lt; / li & gt;'); $ .data (_newli [0], 'base', 'ball'); // Enclose in one `ul`

    • / is really fast, but still it seemed like 3-4 seconds (!) To make all of my elements ( In my actual code there are $ 6 calls like $ per data).

    So I was really stuck with that, I asked why to use heck .data () or $. Data () anyway? I could attach my data to DOM object . So I did 

      var _newli = $ ('

    Add a voice, wow to my shock, which was incredibly fast! I could not believe that it ran so good without any harm, so that my question is actually what really is on the net so far I have no harm for this technique. Regarding the circular reference , you can create this way, but using the AFAIK "only" IE and only if you refer to objects .

    Any thoughts experts?

    Updates

    Thanks for the good comments and postings, short updates @ Patrick dw:

    You are right, I DOM element $ Data was using . It also does not work with jQuery objects, at least not expected. Use an object and give it to $ I thought about passing through Date () , I was myself, but then I was so amazed about the difference in performance that I just like the method is always the same.

    You are correct about circular reference , this is outside of IE There is no problem, and in IE it becomes only an issue when Javascript refers to a DOM object, and a JS object is assigned to one of the properties of a DOM object. I believe this can only be resolved by canceling any reference to JS in the DOM object.

    $ (). There is a very complex complex wrapper for data () method $ Data () (see jQuery.fn.data :, which in turn calls jQuery.data :), then that secondary person Especially if it is to be done 500 times.

    In this situation, $ (). Do not exceed data ('foo', 'bar') method el.foo = 'bar' What I do the fastest.


    -

    Comments

    Post a Comment

    Popular posts from this blog

    Eclipse CDT variable colors in editor -

    I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
    Read more

    AJAX doesn't send POST query -

    $ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
    Read more

    wpf - Custom Message Box Advice -

    Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
    Read more