jQuery.extend与jQuery.fn.extend的区别


jQuery.extend 与 jQuery.fn.extend 的区别

  • $.fn.extend()$.extend()jQuery 为扩展插件提拱了两个方法
  • $.extend(object); // 为jQuery添加“静态方法”(工具方法)
$.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});
$.min(2,3); //  2
$.max(4,5); //  5
  • $.extend([true,] targetObject, object1[, object2]); // 对targt对象进行扩展
var settings = {validate:false, limit:5};
var options = {validate:true, name:"bar"};
$.extend(settings, options);  // 注意:不支持第一个参数传 false
// settings == {validate:true, limit:5, name:"bar"}
  • $.fn.extend(json); // 为jQuery添加“成员函数”(实例方法)
$.fn.extend({
   alertValue: function() {
      $(this).click(function(){
        alert($(this).val());
      });
   }
});

$("#email").alertValue();

文章作者: 曹豆芽
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 曹豆芽 !
 上一篇
谈谈变量提升? 谈谈变量提升?
谈谈变量提升?当执行 JS 代码时,会生成执行环境,只要代码不是写在函数中的,就是在全局执行环境中,函数中的代码会产生函数执行环境,只此两种执行环境 接下来让我们看一个老生常谈的例子,var b() // call b console.
2020-03-14
下一篇 
ajax、axios、fetch区别 ajax、axios、fetch区别
ajax、axios、fetch区别ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function
2020-03-11
  目录