Когда нет надобности подключать 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 работает точно также.
Комментарии