Что быстрее в jQuery?

0

Если у вас есть эти элементы:

<div id="articles">
    <article id="post-100" class="something"></article>
    <article id="post-200" class="something"></article>
    <article id="post-300" class="something"></article>
    <article id="post-400" class="something"></article>
</div>

Что будет технически лучше с точки зрения скорости, чтобы найти элементы, а затем манипулировать ими?

var articles = $('#articles');

    articles.find('.something.').addClass('another-class');

    // or

    articles.find('[id^=po]').addClass('another-class');

    // or

    articles.children().addClass('another-class');

У меня довольно большое количество элементов типа "статья", и мне нужно выбрать их все, и было интересно, что лучше всего использовать?

  • 0
    Как насчет этого?
  • 3
    Вы можете проверить оба сценария здесь: jsperf.com
Показать ещё 4 комментария
Теги:

1 ответ

2
Лучший ответ

Попробуйте протестировать его с помощью jsperf: http://jsperf.com/finds-vs-children

Например, в Firefox 28 children() является самым быстрым.

  • 0
    Это здорово, я получил те же результаты в Chrome, действительно удобный инструмент!
  • 0
    Мои результаты показывают то же самое: jsperf.com/selectors-test31212132 Я добавил больше тегов "статьи", чтобы быть уверенным.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню