JQ插件

不直接对库进行操作，用插件完成

$.extend:扩展工具方法的插件形式 $.xxx()  $.yyy()

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

eg:

     $.extend({  //去掉左边的空格

                      leftTrim:function(str){

                                     return str.replace(/^\s+/,' ');

},

rightTrim:function(){............};

        aaa:function(){alert(1);}

});

var str = '  hello  ';

alert('('+$.leftTrim(str)+')');

eg:

$.fn.extend({   //拖曳插件

    drag:function(){

     var disX = 0;

     var disY = 0;

    var This=this;

      this.mousedown(function(ev){

     disX = ev.pageX - $(this).offset().left;

    disY=ev.pageY - $(this).offset().top;

$(document).mousemove(function(ev){

   This.css('left',ev.pageX - disX);

   This.css('top',ev.pageY - disY);

});

$(document).mouseup(function(){

           $(this).off();

});

        return false;

})

 },

aaa:function(){....}

});

$(function(){

  $('div').drag();      

});

$.aaa();

$().aaa();