码迷,mamicode.com
首页 > Web开发 > 详细

JQuery方法扩展

时间:2016-01-27 17:00:02      阅读:126      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!