jQuery 两种扩展功能 $.fn.extend、$.extend

ITPOW2019/8/20 13:11:05

(function ($) {
	$.fn.extend({
		itpow: function () {
			alert("www.itpow.com");
		}
	});
})(jQuery);
$("*").itpow();

(function ($) {
	$.extend({
		cftea: function () {
			alert("www.itpow.com");
		}
	});
})(jQuery);
$.cftea();

可以看出 $.fn.extend 扩展的功能，是要用 $("") 包装的对象，而 $.extend 是 $ 直接使用。

以上都没有参数，要使用参数，可以自由指定个数、类型，如果要使用 JSON 对象作为参数传入，通常采用下面的方法：

(function ($) {
	$.fn.extend({
		itpow: function (options) {
			var defaults = { color: "red", size: 1 };
			var opt = $.extend({}, defaults, options);
			alert(opt.color + "\r\n" + opt.size);
		}
	});
})(jQuery);
$("*").itpow({ size: 2 });

$.extend 是用以合并参数，如果某一属性没有在 options 中指定，那么就使用 defaults 的。

<<返回首页<<