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) 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
using not equals to attribute	24337.4 Ops/sec
using JQuery function	35290.1 Ops/sec
using not selector	75974.3 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