[前端] $.fn.extend() 与 $.extend 示例

本文主要是介绍[前端] $.fn.extend() 与 $.extend 示例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

jQuery开发插件的两种方法：

$.fn.extend(object); 为扩展jQuery类本身，为类添加新的方法
$.extend(obj); 给jQuery对象添加方法

 

测试$.extend()

// $.extend() 示例一$.extend({e: 14,f: 15,add: function(a, b) {return a + b;},minus: function(c, d) {// alert(c - d);alert(this.f - this.e);   // this指对象本身}});alert($.add(3, 4));// $.minus(12, 50);$.minus();

 

 

 

测试$.fn.extend()

 

// $.fn.extend() 示例$.fn.extend({popText: function() {alert($(this).text());}});$('p').popText();

 

 

在$.fn.extend() 内加入$.extent() 来合并配置，在做jquery插件的时候，使用的比较多

 

// 综合示例$.fn.extend({popHtml: function(options) {var defaults = {name: '张三',say: function() {alert(this.name);}}var opts = $.extend({}, defaults, options);  // 用一个或多个其他对象来扩展一个对象，返回被扩展的对象。$.extend(deep, target, obj1, obj2, objn); deep为true表示递归合并opts.say();}});// $('p').popHtml();   打印出 张三/*$('p').popHtml({     打印出 李四name: '李四'});*/$('p').popHtml({       // 打印出 hello 张三say: function() {alert('hello ' + this.name);}});

 

欢迎关注技术开发分享录：http://fenxianglu.cn/

 

这篇关于[前端] $.fn.extend() 与 $.extend 示例的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---