jQuery.extend(),jQuery.fn.extend() 区别
这两个主要是用来扩展或者制作jQuery插件
通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的.
给jQuery添加扩展时用$.extend()
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script> $.clear = function(obj){ obj.html(''); //写法一 } $.extend({ clear:function(obj){ obj.html(''); //写法二 } }) $(function(){ $("#btn1").click(function(){ $.clear($("h1")); }) }) </script> </head> <body> <h1>我的第一个 JavaScript 程序</h1> <input type="button" id="btn1" value="确定" /> </body> </html>
给jQuery实例对象添加扩展时用$.fn.extend();
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script> $.fn.clear = function(){ $(this).html(''); //写法一 } $.fn.extend({ clear:function(){ $(this).html(''); //写法二 } }) $(function(){ $("#btn1").click(function(){ $("h1").clear(); }) }) </script> </head> <body> <h1>我的第一个 JavaScript 程序</h1> <input type="button" id="btn1" value="确定" /> </body> </html>