jQuery UI widget源码解析，想找工作的你还不看这份资料就晚了

// 定义一个jQuery UI的Widget
$.widget("example.hello", {
    // 初始化方法，当Widget被创建时调用
    _create: function() {
        // 添加一个span元素，并设置文本内容
        this.element.append($('<span>').text('Hello, World!'));
    },
    // 选项设置方法，当Widget的选项被更改时调用
    _setOption: function(key, value) {
        // 调用父类的_setOption方法来处理选项更改
        this._super(key, value);
        // 如果更改了greeting选项，则更新显示的文本
        if (key === "greeting") {
            this.element.find('span').text(value);
        }
    }
});
 
// 使用Widget
$(function() {
    $("#greeting").hello({
        greeting: "Hello, jQuery UI!"
    });
});

这段代码定义了一个名为"hello"的jQuery UI Widget，它在指定的元素内添加了一个带有文本的<span>元素。_setOption方法允许用户在初始化后更改问候语文本。这是一个简单的示例，展示了如何创建自定义jQuery UI Widget并处理其选项。