插件分倆種：

創(chuàng)新互聯(lián)公司是一家朝氣蓬勃的網(wǎng)站建設公司。公司專注于為企業(yè)提供信息化建設解決方案。從事網(wǎng)站開發(fā)，網(wǎng)站制作，網(wǎng)站設計，網(wǎng)站模板，微信公眾號開發(fā)，軟件開發(fā)，微信小程序，十載建站對火鍋店設計等多個行業(yè)，擁有豐富的網(wǎng)站制作經(jīng)驗。

·類級別組件開發(fā)：

     ---即給JQuery命名空間下添加新的全局函數(shù)，也稱靜態(tài)方法。形式如下：

jQuery.myPlugin = function (){           //do something};

例如：$.ajax(options); $.type();

·對象級別組件開發(fā)

      ---掛在JQuery原型下的方法，通過選擇器獲取的JQuery對象實例能共享該方法，稱為動態(tài)方法。形式如下：

//$.fn == $.prototype$.fn.myPlugin = function () {          //do somthing};

例如：.addClass(); .attr();

同時，插件也要保持JQuery鏈式調(diào)用的特性，鏈式調(diào)用的形式如下：

$.fn.myPlugin = function (){

     return this.each(function (){  //return實現(xiàn)鏈式調(diào)用

             //do something

     });

};

----------------------------------以上就是插件機制---------------------------------

 下面實現(xiàn)一個簡單的表格隔行變色插件：

 //為了更好的兼容性，前面有個分號(function($){
    $.fn.tableUI = function(options){        var defaults = {
            evenRowClass:"evenRow",
            oddRowClass:"oddRow",
            activeRowClass:"activeRow",
            clickRowClass:"clickRow"
        }        var options = $.extend(defaults, options);//$.extend(option...)返回一個對象.
        //為了實現(xiàn)鏈式調(diào)用，用return返回對象
        return this.each(function(){            //緩存this
            var thisTable = $(this);
            $(thisTable).find("tr:even").addClass(options.evenRowClass);
            $(thisTable).find("tr:odd").addClass(options.oddRowClass);
            $(thisTable).find("tr").bind("mouseover",function(){
                $(this).removeClass(options.clickRowClass).addClass(options.activeRowClass);
            });
            $(thisTable).find("tr").bind("mouseout",function(){
                $(this).removeClass(options.clickRowClass).removeClass(options.activeRowClass);
            });
            $(thisTable).find("tr").bind("click",function(){
                $(this).addClass(options.clickRowClass);
            });
        });
    };
})(jQuery);

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章標題：jQuery插件--表格隔行變色-創(chuàng)新互聯(lián)
鏈接URL：http://chinadenli.net/article6/dgjpig.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、小程序開發(fā)、商城網(wǎng)站、移動網(wǎng)站建設、網(wǎng)站收錄、網(wǎng)站導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)