jQuery для начинающих. Часть 4. Селекторы

[galkin]

Круто. Спасибо. С удовольствием почитал. Даешь статью о написании плагинов!?

[freakru]

Здесь была очень неплочая статья про написание плагинов для jQuery для валидации формы.

[freakru]

*неплохая

[banguit]

По написанию плагинов мне очень понравилась статья тут

[dioteos]

Статья хорошая. Чувствуется труд.
Есть несколько дополнений по оптимизированному коду.

Лучше писать
не $('.classname');, а $('element.classname');, если позволяет ситуация так как вторая конструкция работает быстрее.

Вместо
$('element#idname'); лучше писать $('#idname'); — будет также работать быстрее, к тому же айдишник должен быть уникальным на странице, поэтому имя элемента не несет смысловой нагрузки.

За статьи по jQuery — респект.

[skorney]

вот здесь чуть подробнее про оптимизацию.
Есть даже тест на скорость разных селекторов (но как по мне он чуть глючит=))

[dioteos]

Насчет теста на скорость — там используется библиотека версии 1.1.2
Сейчас же актуальны 1.2.6 и 1.3.1
Изменения с каждой версией делают библиотеку быстрее.

[nutt]

Огромное спасибо!!! Все кратко и по делу. =)
Можно распечатать и использовать как шпаргалку…

[dioteos]

Кстати, насчет шпаргалки по jQuery — отлично подойдет сервис visualjquery.com
Все по сути.

[kossnocorp]

Уже лучше использовать api.jquery.com

[dioteos]

Большое спасибо. Я раньше был там, но АПИ еще не было локальным приложением. Сделали супер. Зачет.

[homm]

1) $('p').parent(); // выбор всех прямых предков элементов p
2) $('* > p'); // выбор всех предков элементов p (скорей всего Вам не понадобится)
3) $('p').parents(); // — 1) Как я понимаю, прямой предок может быть только один.
2) Это выбор всех элемнтов р, у коорых есть любые предки.
3) Почему нет описания? Выбор всех предков любого уровня.

[homm]

Да что за беда с парсером? Он превратил два дифиса в тире и съел перводы строк и пункты 3) и 1) оказались на одной строке.

[Baziak]

1) Но элементов «p» может быть много.

[hlomzik]

3) это типа ---"---, т.е. «то же самое»
2) тоже удивило

[Ackrite]

Забыл упомянуть про группировку атрибутов, например:
$("#content[rel='main'][tooltip='content']");

[acy]

За 6 часов до появления этой статьи как раз искал такой материал. Надо больше спать.

[for93t]

На docs.jquery.com/Selectors все это внятно и подробно описано, и, кроме того, если потыкать в другие ссылки на этой странице, то можно найти еще много интересного ;)

[croatian]

Спасибо за статью! Все очень понятно разжевано расписано =)

[drumm]

Вот чем я займусь в ближайшем будущем :) спасибо за столь интересные статьи.

[Tvarb]

Спасибо — будем делать из всего этого шпаргалку :)
А то все в памяти не помещается.

[psylosss]

Вот еще грабли (может кому помогут):

В jQuery 1.2.6 нормально работал селектор вида $("#id1 #id2"). Он был нужен, когда id2 не уникальный в документе (скажем, получался при клонировании куска кода). В jQuery 1.3 такой селектор не работает, и вместо этого надо использовать $("#id1").find("#id2").

[s_shablovsky]

Приветствую, Антон !
Ваши посты мне понравились на хабре. Я сейчас ищу срочно программиста для доводки проекта.
Оплата достойная, требования — тоже.
Пожалуйста, ответьте мне на мейл, я перешлю Вам ТЗ.
Заранее спасибо! Удачного дня!

[ICharmingo]

всем в помощь — VisualjQuery

[t0H]

Большое спасибо)
Долго ждал продолжения цикла статей… и вот наконец дождался)

[nutt]

В конце после прочтения можно закрепить на практике.

[roller]

подскажите пожалуйста, как правильно написать такую вещь

<div class="header">
    <div class="content"></div>
</div>

$(".header").click(function () {
    this.find(".content").show();
});

то есть после выбора элемента в функции требуется выбрать вложенный в него элемент нужного класса, как это сделать?

[roller]

вопрос снимается,
$(this).parent().find(".content").show();

[JustLike]

Отличная статья!