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>