jQuery——extend插件扩展

原创于 2018-08-14 10:50:17 发布 · 714 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery扩展 #extend

jQuery 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了jQuery中的extend方法的三种用法：合并两个对象的属性、扩展jQuery自身以及为通过jQuery获取DOM元素后的对象添加方法。此外，还展示了如何使用闭包来避免变量污染全局空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jq提供了 extend对功能进行扩展

1.extend如果直接传入两个对象会将后面的对象属性合并到前一个对象当中

var obj = $.extend({a:"123",c:"测试"},{a:"我是",b:"234"})
console.info(obj,"打印对象信息")  //{a:"我是",b:"234",c:"测试"}

2.如果只传递一个对象可以用来扩展jquery对象本身

$.extend({
   um:function(a,b) {
       return a+b;
   },
   max:function(a,b) {
       return a>b?a:b;
   }
})
var val = $.sum(6,7)
var maxVal = $.max(6,7)
console.info(val,maxVal,"值变量")

3.$.fn.extend 为jquery获取dom后的对象添加方法

$.fn.extend({
    turnColor:function(color) {
        // this直接获取到 jq元素集(jquery获取dom后的对象)
        $(this).css("color",color)
    }
})
$(function() {
    $('h1').turnColor("red")
    $.dialog("你好 我是弹出框");
})

防止变量污染全局，使用闭包扩展jq

(function($){
    $.extend({
        ...
    })
}(window.jQuery))