您的位置：首页 > Web前端 > JQuery

jQuery 中 $.fn.extend 与$.extend 的区别

2011-10-11 15:18 555 查看
这两个都是jQuery提供的给用户自己做扩展的接口。

但是他们之间又有一点不一样。

$.fn.extend({});// 是主要用来扩展方法的， 也就是说对对象方法的增加
$.extend({});//是主要用来扩展函数的， 也就是说可以直接的调用。


下面来举一个例子来说明，

<html>
<head>
$(function(){
jQuery.testMethod();//直接访问，
$("input").testMethod1(); //通过对像访问
});

//扩展函数
$.extend({
testMethod: function()
{
$("#show").append("<p>This is a $.extend Test!</p>");
//alert("this is a function test");
}
});

//扩展方法
$.fn.extend({
testMethod1: function()
{

$("#show").append("<p>This is a $.fn.extend Test!</p>");
//alert("This is a method test!");

}});
</script></head><body><input type="button" id="test_button" value="test" />
<span id="show"></span> </body></html>


结果如下：






                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航