如何使用.click（）函数制作插件

Question

如何使用此代码创建插件作为示例：

HTML：

 <div id="instance1">
   <a href="#">Click</a>
   <b>Change me</b>
 </div>

JS：

$("#instance1 a").click(function(){
   $("#instance1 b").text('Changed');
   return false;
});

http://jsfiddle.net/GSjWw/

我希望初始化是这样的：

 $("#instance1").newPlugin();

将instance1 id绑定到click函数，我将如何更新上面的Javascript代码..目前它首先选择#instance1，但这是如何根据绑定新插件而改变的？< / p>

Answer 1

这样的事情：

(function($){
    $.fn.newPlugin = function() {
        var $this = this;
        return $this.each(function(){
            $this.find('a').click(function() {
                $this.find('b').text('Changed');
                return false;                                
            });
        });              
    }
})(jQuery);

Answer 2

请参阅教程以创建jquery插件。

http://snook.ca/archives/javascript/jquery_plugin/