1、$.extend() 函數(shù)用于將一個或多個對象的內(nèi)容合并到目標對象。
注意：(1)、 如果只為$.extend()指定了一個參數(shù)，則意味著參數(shù)targetObj被省略。此時，targetObj就是jQuery對象本身。通過這種方式，我們可以為全局對象jQuery添加新的函數(shù)。
(2)、 如果多個對象具有相同的屬性，則后者會覆蓋前者的屬性值。
2、$.extend( targetObj , object1 , object2 ... )
上面是將object1,object2...合并到targetObj中,返回值為合并后的targetObj，由此可以看出該方法合并后，是修改了targetObjt的結(jié)構(gòu)的。如果想要得到合并的結(jié)果卻又不想修改targetObj的結(jié)構(gòu)，可以如下使用：
var targetObj = $.extend( {}, object1,object2... );//也就是將"{}"作為targetObj參數(shù)，然后將合并結(jié)果返回給targetObj了

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于網(wǎng)站建設、成都網(wǎng)站制作、福清網(wǎng)絡推廣、微信小程序、福清網(wǎng)絡營銷、福清企業(yè)策劃、福清品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供福清建站搭建服務，24小時服務熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

3、$.extend( object1 ) //省略targetObj參數(shù)，如果省略了targetObj，則該方法就只能有一個obj參數(shù)，也就是將object1合并到jquery的全局對象中去

4、$.fn.extend(src); //該方法將src合并到jquery的實例對象中去

    
        
        
    
    

        

            鏈接一
            鏈接二
            鏈接三
        

        
        

    

改編成了jquery插件

(function($){

                $.fn.starRating = function(options){

                    var defaults = {
                        num:2
                    }

                    var settings = $.extend({},defaults,options);

                    var starLight = function(items,num){
                        items.each(function(i,elem){
                            if(i<=num){
                                $(this).addClass("on");
                            }else{
                                $(this).removeClass("on")
                            }
                        })
                    };  //這種函數(shù)聲明是賦值寫法，最后需要加分號**;**

                    var init = function(el,num){

                        var starList = $(el),
                        items = starList.find(".star-item");
                        starLight(items,num-1);

                        starList.on("mouseover",".star-item",function(){
                            starLight(items,$(this).index())
                        }).on("click",".star-item",function(){
                            num = $(this).index();
                        }).on("mouseout",function(){
                            starLight(items,num)
                        })
                    };

                    return this.each(function(){
                        num = settings.num;
                        init(this,num);
                    })

                }

            })(jQuery)

            $(".star-list").starRating({
                num:3
            });