jQuery自定义插件

jQuery插件扩展有两种形式

1.第一类

$.extend()   扩展工具方法下的插件形式    例如：$.xxx()   $.yyy()

$.extend({
    hello:function(param){
　　　　console.log(param);
　　　　alert('hello world!');
    }
});
$.hello('参数');

扩展工具方法下的插件，只需要传一个参数，或者不需要传参。

2.第二类

$.fn.extend()   扩展到JQ对象下的插件形式    例如：$().xxx()   $().yyy()

$.fn.extend({
　　hello:function(param){
　　　　console.log(this);
　　　　console.log(param);
　　　　alert('hello world!');
　　}
});
$('.div').hello('参数');

JQ对象下的插件多了一个this对象，即是选取的DOM元素，可以对DOM元素进行操作