Первые тесты производительности (в хроме):
$('div').parents();
jQuery работает в 3 раза медленнее.
http://jsfiddle.net/finom/4hUAv/1/
$('*').closest('.colour');
jQuery медленнее на ~15%
http://jsfiddle.net/finom/4hUAv/2/
В самых простых случаях, сравнение немного непредсказуемо:
$('*')
jQuery на треть медленнее (почему?)
$('div')
jQuery на 5—10% быстрее (почему?)
Это чисто для себя, чтоб убедиться, что дело делаю
. В дальнейшем нужно будет сделать много много элементов (или взять какой-то уже готовый штмл) и потестить в почти реальных условиях.
В .css все-таки всунул style. Не могу быть уверен, но мне кажется геттер style быстрее работает, чем колбаса из объектов и два метода:
return first.style[prop] ||
first.ownerDocument.defaultView.getComputedStyle( first, null ).getPropertyValue( prop );