Производительность браузера.Какой способ лучше: $ ('# item1 img [src]'). Qtip ({..});-vs- $ ('# item1'). qtip ({..}) ;?

Question

Какой способ лучше: $('#item1 img[src]').qtip( {..}); -OR- $('#item1').qtip( {..});?Это работает в обе стороны.Вы бы порекомендовали использовать img[src] как часть селектора?Это нормально?Спасибо.

Answer 1

С Sizzle в jQuery 1.3.x +, выбор выполняется снаружи внутрь (снизу вверх или справа налево). jQuery оптимизирован для поиска по идентификатору, поэтому, спускаясь с идентификатора и добавляя более конкретные правила соответствия справа, не будучи слишком конкретным, можно сказать, что вы можете увидеть улучшения производительности.

Я рекомендую проверить эту презентацию Пола Айриша для более подробной информации о работе селектора:

http://paulirish.com/2009/perf/

Answer 2

Это две разные вещи:

$('#item1 img[src]').qtip( {..});

Выбирает элемент изображения внутри элемента с идентификатором item1.

$('#item1').qtip( {..});

Выбирает элемент с идентификатором item1.

Также

Что делает img[src]? 1016 *

Я знаю этот формат только при добавлении в него src. В противном случае он ничего не делает, если работает.

$('img[src*="you_src_you_want_to_select"]')