Databases
StackOverflow2013
Postsdbo
POImprove selectors performance with jQuery
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POImprove selectors performance with jQuery
    primarykey
    data
    text
    <p>I have been taking a look on some sites and they all talk about using tag selectors instead of classes to improve the performance.</p> <p>For example, this:</p> <pre><code>$("input.myclass"); </code></pre> <p>Instead of this:</p> <pre><code>$(".myclass"); </code></pre> <p>For example:</p> <ul> <li><a href="http://www.artzstudio.com/2009/04/jquery-performance-rules/#use-tags-before-classes" rel="nofollow noreferrer">http://www.artzstudio.com/2009/04/jquery-performance-rules/#use-tags-before-classes</a></li> <li><a href="https://stackoverflow.com/questions/46214/good-ways-to-improve-jquery-selector-performance">Good ways to improve jQuery selector performance?</a></li> <li><a href="http://www.thewebsqueeze.com/web-design-tutorials/improve-your-jquery-selectors-5-quick-tips.html" rel="nofollow noreferrer">http://www.thewebsqueeze.com/web-design-tutorials/improve-your-jquery-selectors-5-quick-tips.html</a></li> </ul> <p>They all claimed that JavaScript only had <code>getElementById</code> and <code>getElementsbyTagName</code> and not a way to select classes directly.</p> <p>Has this changed in the last 3 years? Are they now able to select by class? I was testing it with jsperf and it seems the class selector is faster by far: <a href="http://jsperf.com/class-vs-input" rel="nofollow noreferrer">http://jsperf.com/class-vs-input</a></p> <p>I also took a look at other's people testings and show the same results: <a href="http://jsperf.com/selectors-perf/3" rel="nofollow noreferrer">http://jsperf.com/selectors-perf/3</a></p> <p>Has this changed in these last year? Should we now select by class rather than by tags? Where can I take a look at the browsers' versions implementing natively the class selector?</p> <p>Thanks.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USAlvaro
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POImprove selectors performance with jQuery
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYour first jsperf is completely unrelated. Those selectors are not comparable at all. The selectors you were supposed to use were `$(".demo")` and `$("input.demo")`. `:checkbox` is a jQuery pseudo selector and is not efficient. If anything, you should've used `[type="checkbox"]`. Outside of efficiency, I think an important thing to consider when doing this is that sometimes you don't want **all** elements of a certain class, you just want the ones that satisfy a certain condition (like inside a div)
      singulars
      1. POImprove selectors performance with jQuery
      1. USIan
    2. COI think you must have a look at this if u think `input.class` is better than `.class`.. http://jsperf.com/jquery-standards-over-qualified-selectors/2 Please realise that the search is done from right to left and so you'd only be over qualifying it you use `input` and `.class` together :)
      singulars
      1. POImprove selectors performance with jQuery
      1. USkrishgopinath
    3. CO@passionateCoder I don't think is faster, I am asking if this has changed in the last few years because in the past people was saying the opposite.
      singulars
      1. POImprove selectors performance with jQuery
      1. USAlvaro
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload