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

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Safari/537.36

Browser: Chrome 84

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
find by tag and name attribute	62144.8 Ops/sec
find by wildcard and name attribute	67281.6 Ops/sec
find by name attribute	67040.8 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