Run results for: JQuery: compare selector for finding by name attribute

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

Browser: Firefox 78

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
find by tag and name attribute	116148.9 Ops/sec
find by wildcard and name attribute	140335.2 Ops/sec
find by name attribute	148690.4 Ops/sec

HTML Preparation code:

<form id="data">
  <input name="field1"/>
  <input name="field2"/>
  <input name="field3"/>
  <input name="field4"/>
  <input name="field5"/>
  <input name="field6"/>
  <input name="field7"/>
  <input name="field8"/>
  <input name="field9"/>
  <input name="field10"/>
</form>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

var $element = $("#data");

Tests:

find by tag and name attribute
$element.find("input[name='field5']");
find by wildcard and name attribute
$element.find("*[name='field5']");
find by name attribute
$element.find("[name='field5']");

Run results for: JQuery: compare selector for finding by name attribute

find the best approach for finding element by name

find by tag and name attribute

find by wildcard and name attribute

find by name attribute