Trigger() и запуск события без вызова пользователем

Вызывает событие для каждого элемента набора.

Trigger() Description:Execute all handlers and behaviors attached to the matched elements for the given event type.

Заметка: “myCustomEvent” - любое несуществующее название.

$(document).ready(function(){

$("#myElementId").on("myCustomEvent",function(event){

$("#myElementId").addClass("green");

});

$("#myElementId").trigger("myCustomEvent");

});

При загрузке страницы окрашивает див.

_____________________________________________________________________________________

.delegate() (eng.посилати)

Attaches handlers to many elements at once.

Устанавливает обработчик события на элементы, соответствующие заданному селектору. Особенностью метода является то, что если на страницу будут вставлены новые элементы, которые соответствуют этому селектору, то они также будут реагировать на заданные события. Выбранные элементы играют роль контекста выполнения метода (то есть, поиск элементов, для установки обработчиков событий, будет производиться только внутри выбранных элементов). Метод имеет один вариант использования:

.delegate(selector, eventType, [eventData], handler)

selector — селектор для поиска элементов, на которые будет установлен заданный обработчик событий.
eventType — тип обрабатываемого события. Например "click", "resize" (список всех типов событий).
eventData — данные, передаваемые обработчику событий. Они должны быть представлены в форме объекта, в формате: {fName1:value1, fName2:value2, ...}.
handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

$(document.body).delegate('p','click', function() {

$(this).after($('<p>No click me!</p>'));

});

Плодится, куда не нажми.

P.S. Если заменить $(this) на $(‘p’) – получится очень даже вредная штука ;)

_____________________________________________________________________________________

The code "after" the return is actually on the "same line" (there's no semicolon and the "new line" starts with a dot). In other words, the following two things are identical...

$("div").addClass("blue").append("<span>Text</span>");

$("div")

.addClass("blue")

.append("<span>Text</span>");

_____________________________________________________________________________________

Создание одновременно двоих див с разными классами внутри друг друга.

$(".draw-area").append($("<div/>").addClass("armbox body-part").append($("<div/>").addClass("torso body-part")))

_____________________________________________________________________________________