首页 > Web开发 > 详细

JQuery方法扩展

时间:2016-01-27 16:58:39      阅读:171      评论:0      收藏:0      [点我收藏+]

第一种 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‘);
    });

JQuery方法扩展

原文:http://www.cnblogs.com/zhuyongblogs/p/5163696.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!