Run results for: JQuery: find elements which does not need have value vs not function vs not selector

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
using not equals to attribute	37994.0 Ops/sec
using JQuery function	57138.2 Ops/sec
using not selector	119964.6 Ops/sec

HTML Preparation code:

<select id="items">
  <option value="1"></option>
  <option value="2"></option>
  <option value="3"></option>
  <option value="4"></option>
  <option value="5"></option>
  <option value="6"></option>
  <option value="7"></option>
  <option value="8"></option>
  <option value="9"></option>
  <option value="10"></option>
</select>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

var $itemsElement = $("#items");

Tests:

using not equals to attribute
$itemsElement.find("option[value!='5']");
using JQuery function
$itemsElement.find("option").not("[value='5']");
using not selector
$itemsElement.find("option:not([value='5'])");

Run results for: JQuery: find elements which does not need have value vs not function vs not selector

look the best solution for find elements, which do not have need value

using not equals to attribute

using JQuery function

using not selector