Checking for elements

by atmd

HTML

<div class="myThings">   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="nope">     <p>       some text     </p>   </section>   <section class="yep">     <p>       some text     </p> ...

JavaScript

$(function(){
   // binding tests
    
console.time('time_1');
$('.yep').click(function() {
  alert('clicked');
});
console.timeEnd('time_1');


console.time('time_2');
if ($('.yep').length) {
  $('.yep').click(function() {
    alert('clicked');
  });
}
console.timeEnd('time_2');


console.time('time_3');
$('.gone').click(function() {
  alert('clicked');
});
console.timeEnd('time_3');


console.time('time_4');
if ($('.gone').length) {
  $('.gone').click(function() {
    alert('clicked');
  });
}
console.timeEnd('time_4');    
    
    
});