一、$.fn

$.fn 等于 $.prototype；这样就好理解了，就好比对String.porotype增加一个函数，然后所有的字符串对象都能够直接调用，
jQuery也是如果。给jQuery增加一个函数，然后所有的jQuery对象都能够调用。jQuery对象就是$("#id")或
$(document.getElementById("Id"))这些;
在写法上可以
$.fn或$.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>

二、$.extend();

我们知道$就是jQuery对象。所以
$.extend其实就是扩展"jQuery"这个对象本身的函数。实际上相当于你创建了一个object对象,然后object.abc = function(){}

<!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 triger与trigerHandler的区别

下一篇： jQuery之Nestable

本文网址：https://www.wyxxw.cn/blog-detail-1-5-309.html

返回列表

非特殊说明，本文版权归原作者所有，转载请注明出处

提示：本站所有资源仅供学习与参考，请勿用于商业用途。图片来自互联网~如侵犯您的权益，请联系QQ：1067507709.

提示：转载请注明来自：http://www.cnblogs.com/kissdodog/p/5673113.html 。转载人：momo