MeasureThat.net

Run results for: Setting input placeholders

Setting and clearing placeholders on a lot of elements at once

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36
Chrome 53
Linux
Other
8 years ago
Test name Executions per second
Intelligent selectors - not stored 1417.5 Ops/sec
Intelligent selectors, in filter, with .end 3007.7 Ops/sec
Filter by function with .end 2577.8 Ops/sec
Intelligent selectors in filter - stored 3106.8 Ops/sec
Clear all, set only required 3267.8 Ops/sec
HTML Preparation code:
​x
 
1
<form>
2
​
3
  <input type="text"/>
4
  <input type="radio"/>
5
  <input type="checkbox"/>
6
  <textarea></textarea>
7
​
8
  <input class="required" type="text"/>
9
  <input class="required" type="radio"/>
10
  <input class="required" type="checkbox"/>
11
  <textarea class="required"></textarea>
12
​
13
</form>
Tests:

  • Intelligent selectors - not stored

     
    $(':input:not(.required)')
    .prop('placeholder', '');
    ​
    $(':input.required')
    .prop('placeholder', 'required');

  • Intelligent selectors, in filter, with .end

     
    $(':input')
    .filter(':not(.required)')
    .prop('placeholder', '')
    .end()
    .filter('.required')
    .prop('placeholder', 'required');

  • Filter by function with .end

     
    $(':input')
    .filter(function() { return !$(this).hasClass('required'); })
    .prop('placeholder', '')
    .end()
    .filter(function() { return $(this).hasClass('required'); })
    .prop('placeholder', 'required');

  • Intelligent selectors in filter - stored

     
    var $inputs = $(':input');
    ​
    $inputs
    .filter(':not(.required)')
    .prop('placeholder', '');
    ​
    $inputs
    .filter('.required')
    .prop('placeholder', 'required');

  • Clear all, set only required

     
    var $inputs = $(':input');
    ​
    $inputs
    .prop('placeholder', '');
    ​
    $inputs
    .filter('.required')
    .prop('placeholder', 'required');