1.0Чудо{вищные} заметкиhttps://miracle.rpz.nameMiRacLehttps://miracle.rpz.name/author/miracle/jQuery.factsРасскажу несколько фактов о jQuery, которые как мне видится, не очень понимают <a href="http://community.livejournal.com/ru_webdev/">"отечественные программеры"</a>
<ul>
<li> при "навешивании" обработчика какого-либо event-а к (например $('#element').click(handler); ) он НЕ заменяет предыдущий обработчик (если таковой имелся), т.е. код:
<pre class="js:nocontrols">
$('#element').click(function(){ alert('hello');})
$('#element').click(function(){ alert('world'); })
</pre>
Выведет оба alert-а, а не только второй как думается некоторым.</li>
<li> Непосредственно из первого вытекает следующий факт - конструкций $(document).ready(blablabla); в коде может быть "бесчисленное" количество раз - все обработчики вызовутся в порядке их добавления.</li>
<li>Система событий в jQuery позволяет не ограничиваться теми событиями, которые есть в документации - можно создавать события самостоятельно:
<pre class="js:nocontrols">
$('button').click(function(){ jQuery.event.trigger("buttonClicked");});
$('div').bind('buttonClicked',function(){ $(this).hide();});
$('span').bind('buttonClicked',function(){ $(this).show();});
</pre>
Подобная техника позволяет существенно упростить код и сделать его "читабельнее".</li>
<li>Анимационные эффекты в jQuery асинхронны и нередко возникает вопрос - как одну функцию выполнить строго после завершения первой. Все core-функции jQuery связанные с эффектами в качестве последнего параметра принимают callback - функцию, которая вызовется по завершению текущего эффекта:
<pre class="js:nocontrols">
$('element-1').fadeOut(3000,function(){
$('element-2').fadeIn(1500,function() {
alert('done second effect');
});
});
</pre>
</li>
<li>К ЛЮБОМУ html-элементу можно добавить ЛЮБОЙ атрибут (<span myownattr="somevalue" />). По этим "самодельным" атрибутам элементы можно найти с помощью селекторов jQuery:
<pre class="js:nocontrols">
var elements_by_attr = $('[@myownattr]');
var elements_by_attr_with_value = $('[@myownattr="somevalue"]');
var spans_by_attr = $('span[@myownattr]');
</pre>
Очень полезное "явление" при создании своих собственных элементов управления (и не только).</li>
</ul>
Ну и напоследок подкину найденную статейку <a href="http://simonwillison.net/2007/Aug/15/jquery/">"jQuery for JavaScript programmers"</a>, прочитать которую стоит тем, кто только начинает осваивать прелести <a href="http://jquery.com">jQuery</a> . Материал изложен на английском.rich