jQuery.fn.extend 与 jQuery.extend 用法

最新推荐文章于 2023-05-24 13:37:15 发布

原创最新推荐文章于 2023-05-24 13:37:15 发布 · 823 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #扩展

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何通过jQuery.fn.extend和jQuery.extend来扩展jQuery的功能，包括自定义颜色设置与获取方法及添加静态方法。这些技巧能够帮助开发者更高效地利用jQuery解决实际问题。

jquery 本身并不提供 jQuery.color() 这个方法，如果我们需要对jQuery本身提供的方法进行扩展，则我们就需要是用jQuery.fn.extend:
jQuery.fn.extend({
    color:function(val)
    {
          if(val==undefined){

               return $(this).css("color");
            }else{

              return $(this).css("color",val);
            }
    }
})
$(this).color("red");//对jquery对象进行颜色设置
alert($(this).color());//获取jquery对象的颜色，并用对话框弹出
2.jQuery.extend 对jQuery对象的扩展，可以理解为静态方法，不需要实例jQuery就可以使用

jQuery.extend( {
    add:function(a,b)//myShow
    {
     return a+b;
    }
})

调用：alert($.add(3, 4));