Категорії
Без рубрики

Подходы для написания хорошего jQuery кода (часть 2)

Используйте под-запросы

Прохождение по DOM-у занимает много времени и средств. При удобном случае кэшируйте элементы в переменные и продвигайтесь дальше по дереву, используя методы поиска.

// плохой подход
var
	$container = $('#container'),
	$containerLi = $('#container li'),
	$containerLiSpan = $('#container li span');
// хороший подход (быстрее)
var
	$container = $('#container '),
	$containerLi = $container.find('li'),
	$containerLiSpan= $containerLi.find('span');

Избегайте использование универсального селектора

Универсальный селектор очень медленный, так что лучше его не использовать.

// плохой подход
$('.container > *');
// хороший подход
$('.container').children();
Избегайте неявного использования универсального селектора

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

// плохой подход
$('.someclass :radio');
// хороший подход
$('.someclass input:radio');
Оптимизируйте селекторы

К примеру, если вы ищите элемент, используя ID, то нет смысла приписывать какие-то лишние элементы выборки.

// плохой подход
$('div#myid');
$('div#footer a.myLink');
// хороший подход
$('#myid');
$('#footer .myLink');

Залишити відповідь