澳门新萄京傻傻分不清
分类:服务器

复制代码 代码如下:$.ready { /* 延迟函数 */ jQuery.fn.delay = function { return this.each { setTimeout; }; jQuery.fn.countDown = function { settings = jQuery.extend({ startFontSize: '36px', endFontSize: '12px', duration: 1000, startNumber: 10, endNumber: 0, callBack: function ; return this.each { if (!to && to != settings.endNumber卡塔尔国 { to = settings.startNumber; } //设定倒计时开端的编号 $.css('fontSize', settings.startFontSize卡塔尔; //页面动漫 $.animate({ 'fontSize': settings.endFontSize }, settings.duration, '', function (卡塔尔国 { if (to > settings.endNumber 1卡塔尔(قطر‎{ $.css('fontSize', settings.startFontSize卡塔尔.text.countDown; } else { settings.callBack; }; //使用 $.countDown({ startNumber: 10, callBack: function .text('All done! This is where you give the reward!').css; } }); });

JQuery插件,傻傻分不清!,jquery插件傻傻分

相当少说,直接上代码!

第一种 extend

<!-- extend 扩充jQuery,其实便是增添三个静态方法 -->
         $.extend({
            sayHello:function(name)
              {
                   alert('Hello, ' (name?name:'XXXX') ' !')
              }
          });
         
         $(function(){
               $.sayHello();
               $.sayHello('Zhangsan');
         });

第二种 $.fn 
<!-- $.fn  给JQuery对象,扩张方法 -->
        $.fn.Red=function(){
           
            this.each(function(){
               $(this).append(' ' $(this).attr('href'));
            });
           
            return    this.css('color','red');
        }
       
       
       
        $(function(){
              $("a").Red().css('color','gray');
        });

其三种:综合采用

<!-- 综合应用 -->
        $.fn.MyDesign=function(options){
            var defaults={
               'color':'red',
               'fontSize':'12pt'
            }
            var settings=$.extend({},defaults,options)
           
            this.each(function(){
               $(this).append(' ' $(this).attr('href'));
            });
           
澳门新萄京傻傻分不清。            return    this.css({'color':settings.color,'fontSize':settings.fontSize});
        }

 

第多样优化(面向对象等细节方面)

;(function($,window,document,undefined){
    var Beautifier= function(ele,options){
        this.defaults={
          'color':'yellow',
          'fontSize':'20pt'
       }
       this.ele=ele,
       this.options=options,
       this.setting=$.extend({},this.defaults,this.options)
    }
   
    Beautifier.prototype={
        beautify:function(){
            return this.ele.css({
            'color': this.setting.color,
            'fontSize': this.setting.fontSize
            })
        }
    }
   
         $.fn.MyDesgin=function(options){
           var beautifier=new Beautifier(this,options);
         beautifier.beautify();
         }
})(jQuery,window,document)

十分的少说,直接上代码!

第一种 extend

<!-- extend 扩大jQuery,其实正是扩大二个静态方法 -->
         $.extend({
            sayHello:function(name)
              {
                   alert('Hello, ' (name?name:'XXXX') ' !')
              }
          });
         
         $(function(){
               $.sayHello();
               $.sayHello('Zhangsan');
澳门新萄京傻傻分不清。         });

澳门新萄京,第二种 $.fn 
<!-- $.fn  给JQuery对象,扩充方法 -->
        $.fn.Red=function(){
           
            this.each(function(){
               $(this).append(' ' $(this).attr('href'));
            });
           
            return    this.css('color','red');
        }
       
       
       
        $(function(){
              $("a").Red().css('color','gray');
        });

其三种:综合运用

<!-- 综合使用 -->
        $.fn.MyDesign=function(options){
            var defaults={
               'color':'red',
               'fontSize':'12pt'
            }
            var settings=$.extend({},defaults,options)
           
            this.each(function(){
               $(this).append(' ' $(this).attr('href'));
            });
           
            return    this.css({'color':settings.color,'fontSize':settings.fontSize});
        }

 

第多种 优化(面向对象等细节方面)

;(function($,window,document,undefined){
    var Beautifier= function(ele,options){
        this.defaults={
          'color':'yellow',
          'fontSize':'20pt'
       }
       this.ele=ele,
       this.options=options,
       this.setting=$.extend({},this.defaults,this.options)
    }
   
    Beautifier.prototype={
        beautify:function(){
            return this.ele.css({
            'color': this.setting.color,
            'fontSize': this.setting.fontSize
            })
        }
    }
   
         $.fn.MyDesgin=function(options){
           var beautifier=new Beautifier(this,options);
         beautifier.beautify();
         }
})(jQuery,window,document)

相当的少说,直接上代码! 第豆蔻年华种 extend !-- extend 扩张jQuery,其实正是充实多少个静态方法 -- $.extend({...

本文由澳门新萄京发布于服务器,转载请注明出处:澳门新萄京傻傻分不清

上一篇:澳门新萄京正则替换 下一篇:没有了
猜你喜欢
热门排行
精彩图文