jQuery——extend插件扩展

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))