jquery UI组件扩展(转)

 

1.注意事项

• 在使用扩展组件的时候，页面中必须先引入jquery.js,再引入ui.js。顺序反了会导致组件出错。

2.类级别组件开发

Edit

对jquery方法的扩展主要以下两种模式

一、

(function($){

    $.methodName=function(){

        //things to be done

    };

})(jQuery);

二、

jQuery.extend({
    methodName:function(){
        //things to be done
    }
});

Example:

对jquery扩展一个test方法，能将页面中的div全部加上一个样式

background-color：green

可添加如下一个js文件，命名为ui.js：

(function($){

    $.test=function(){

       $('div').css('background-color','red')

    };

})(jQuery);

接下来只需要在页面中引入ui.js，并使用$.test()就可将页面中的div全部变成红色背景。

3.对象级别组件开发

Edit

对jquery对象方法的扩展主要以下两种模式：

一、

(function($){

    $.fn.test=function(){

        //things to be done

    };

})(jQuery);

二、

jQuery.extend({
    test:function(){
         //things to be done
    }
});