Создание виджета

Создание пользовательского виджета происходит через метод $.widget().

$.widget("ui.customWidget", {
    options: {
        greetings: "Hello"
    },
    _create: function() {
        this.element.html(this.options.greetings);
    }
});

Метод _create() является конструктором, и будет выполняться после каждого создания виджета.

Пример работы пользовательского виджета:

$('#content').customWidget();

В объекте #content появится контент «Hello».

Пример кода на JSFiddle