jQuery UI widget源码解析，超通俗解析

在jQuery UI中，widget系统是一种用于创建可插拔、可定制的UI部件的方法。以下是一个简化的widget定义和使用例子：

// 定义一个简单的jQuery UI widget
$.widget("example.hello", {
    // 初始化方法，当部件绑定到元素上时调用
    _create: function() {
        // 添加一些标记到部件的根元素上
        this.element.text("Hello, World!");
    },
    // 公开的方法，可以用来改变问候语
    changeMessage: function(message) {
        this.element.text(message);
    }
});
 
// 使用widget
$(function() {
    // 初始化部件，问候语会显示在指定的元素上
    $("#greeting").hello();
 
    // 使用公开的方法改变问候语
    $("#greeting").hello("changeMessage", "Hello, jQuery UI!");
});

在这个例子中，我们定义了一个名为"hello"的widget，它有一个初始化方法_create和一个公共方法changeMessage。在页面加载完毕后，我们对id为"greeting"的元素调用了hello()方法来初始化这个widget，随后我们调用changeMessage方法来改变显示的问候语。这个例子展示了如何定义一个简单的jQuery UI widget以及如何使用它。