JSFiddle - React, Tailwind, and code Playground
JavaScript
function createMenus()
{
$('body').empty();
for (var i = 0; i < 1000; i++)
{
var select = $(document.createElement('select')).appendTo($('body'));
if( Math.round(Math.random() * 1))
select.addClass("disableMe");
for (var j = 0; j < 10; j++)
{ $(document.createElement('option')).appendTo(select).html('optionText');
}
}
}
//.find()
createMenus();
var start= Date.now();
$('.disableMe').find('option:nth-child(1)').attr('disabled', 'disabled');
var diff = Date.now() - start;
console.log("Find: "+ diff )
//Normal selector
createMenus();
start= Date.now();
$('.disableMe option:nth-child(1)').attr('disabled', 'disabled');
diff = Date.now() - start;
console.log("'Normal': "+ diff )
//Scope selector
createMenus();
start= Date.now();
$('option:nth-child(1)', '.disableMe').attr('disabled', 'disabled');
diff = Date.now() - start;
console.log("Scope: "+ diff )