Когда нет надобности подключать jquery к странице, она весит как минимум на 90 кб меньше. Это может быть критично для мобильных версий сайтов.

Однако, с развитием 3G сетей, это не такая большая проблема. Гораздо серьезнее дела обстоят с производительностью. jQuery - это библиотека для десктопных браузеров, в ней столько кода и всяческих кроссбраузерных проверок и хаков, что любой "чих" будь то поиск элемента, или установка фокуса, вызывает бесконечную плеяду калбяков/проверок/кейсов.

И я не утрирую. Попробуйте запустить любой метод на jquery в режиме отладки нажимая кнопку вхождения в методы. Уверяю Вас, кликать Вы устанете раньше, чем выйдите наружу.

Поэтому там, где нет такой необходимости я рекомендую использовать нативный js

В этом посте я расскажу, как обернуть любой html элемент на странице в собственный блок используя только js.

К примеру обернем все checkbox на странице в div

var inputs = document.getElementsByTagName('input');
for(var i=0; i<inputs.length;i++)
  if( inputs[i].getAttribute('type')=='checkbox' ){
    var wrapper = document.createElement('div');
    wrapper.innerHTML = inputs[i].outerHTML;
    inputs[i].parentNode.replaceChild(wrapper,inputs[i])
  }

 Все работает без использования тяжеловесных библиотек. Кто думает, что поиск элемента циклом не самое благодарное дело, сильно удивится - jquery работает точно также. 

Рассказать друзьям

Добавить комментарий


Защитный код
Обновить