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

最新推荐文章于 2023-06-26 10:43:42 发布
最新推荐文章于 2023-06-26 10:43:42 发布
阅读量754 收藏
点赞数
分类专栏： Javascript 文章标签： jquery function 扩展 button input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/php_boy/article/details/6862895
版权

这两个都是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>



结果如下：








                

        

        

    




    

      

        

            

              
                
                  php_boy
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
$.extend

				
			

			

				

					标准都是留给不爱的人，爱的本质是自由意志的沉沦
				

				

					08-29
					
					3950
					
				

			

		

		

			
				
方法将源对象的属性复制到目标对象中，并返回合并后的目标对象。如果目标对象和源对象有相同的属性，源对象的属性将覆盖目标对象的属性。是 jQuery 中的一个方法，用于将一个或多个对象的内容合并到目标对象。方法可以方便地合并对象的属性，特别是在处理配置选项时非常有用。例如，假设有两个对象。

			
		

	



                

              
                



	

		

			

				
					
jQuery的extend方法【三种】

				
			

			

				

					shenenhua的博客
				

				

					09-14
					
					4607
					
				

			

		

		

			
				
jq中的extend在面试中经常会被问道，今天我总结一个下有关于extend的用法三种进行对比，可能不全，希望大家指点，

用法一： $.extend({}),为jQuery类添加方法，可以理解为扩展静态方法



用法二：$.fn.extend({}) 插件，对jQuery.prototype进行扩展，提到插件那么就得说一下另一种方法$.fn.method = function(){}

　　　　1. $.fn.method = function(){} 可以定义一个方法



　...

			
		

	



                


  
              

                


	

		

			

				
					
$.extend()详解

					
热门推荐

				
			

			

				

					风火一回，一生不毁
				

				

					10-25
					
					1万+
					
				

			

		

		

			
				
JQuery的extend扩展方法：
 Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。
一、Jquery的扩展方法原型是:　　　

 extend(dest,src1,src2,src3...);



 它的含义是将src1,src2,src3...合并到dest中,返回值为合并

			
		

	





	

		

			

				
					
$.extend()使用详解

					
最新发布

				
			

			

				

					书中自有妍如玉的博客
				

				

					06-26
					
					962
					
				

			

		

		

			
				
为扩展jQuery类本身.为类添加新的方法。给jQuery对象添加方法。这里使用的就是$.extend()的嵌套多个对象的功能。好的，上面你也看到了一点点$.extend()的用法。所谓嵌套多个对象，有点类似于数组的合并的操作。3.可以给jQuery添加静态方法。

			
		

	



		

			
		



	

		

			

				
					
jQuery.extend 函数详解

				
			

			

				

					weixin_30520015的博客
				

				

					05-07
					
					458
					
				

			

		

		

			
				
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是:　　　

 extend(dest,src1,src2,src3...);

 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由...

			
		

	





	

		

			

				
					
深入理解jquery的$.extend()、$.fn和$.fn.extend()

				
			

			

				

					10-19
				

			

		

		

			
				
在jQuery中，`$.extend()`、`.fn`（即`jQuery.fn`）和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。  1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...

			
		

	





	

		

			

				
					
Jquery实现$.fn.extend和$.extend函数

				
			

			

				

					11-26
				

			

		

		

			
				
在jQuery库中，`$.fn.extend` 和 `$.extend` 是两个非常重要的功能，它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似，但作用却截然不同。  首先，`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...

			
		

	





	

		

			

				
					
jQuery中$.fn的用法示例介绍

				
			

			

				

					01-19
				

			

		

		

			
				
$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子：...

			
		

	





	

		

			

				
					
jquery $.fn.extend

				
			

			

				

					09-04
				

			

		

		

			
				
`$.fn.extend`是jQuery库中的一个核心方法，主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数，从而实现对DOM元素的操作或添加新的功能。在jQuery中，`$.fn`实际上是`$.prototype`的一个...

			
		

	





	

		

			

				
					
$.extend用法

				
			

			

				

					sinat_37885331的博客
				

				

					02-09
					
					859
					
				

			

		

		

			
				
jQuery.extend() 对象合并使用方法

			
		

	





	

		

			

				
					
jQuery中的$.extend()方法使用

				
			

			

				

					m0_37996243的博客
				

				

					07-01
					
					1297
					
				

			

		

		

			
				
$.extend()函数用于将一个或多个对象的内容合并到目标对象

用法1：只有一个参数，表示将该参数添加到全局对象jQuery中，可以用 $. 来获取值。

测试1-1：$.extend({test:100});  alert($.test); // 弹出框会显示100；

测试1-2：var fun = function(i){alert(i)};  $.extend({test:fun}); $.test(200); // 弹出框会显示200；
...

			
		

	





	

		

			

				
					
jquery---$.extend()用法总结

				
			

			

				

					literarygirl的博客
				

				

					05-27
					
					357
					
				

			

		

		

			
				
1.用法描述
$.extend(setting,option)用于合并对象setting和对象option并将合并后的值返回给setting
常规用法1
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(set...

			
		

	





	

		

			

				
					
浅谈JQ中$.extend用法以及易混淆点

				
			

			

				

					qq_43456687的博客
				

				

					12-06
					
					425
					
				

			

		

		

			
				
浅谈JQ中$.extend用法以及易混淆点

			
		

	





	

		

			

				
					
Jquery中$.extend()的用法，打狗棒法之《歹挑狗身》

				
			

			

				

					我是Cj，一个正义之人
				

				

					09-17
					
					9969
					
				

			

		

		

			
				
1. jquery.extend(), 为jQuery类添加类方法
第一种方式用jQuery扩展，比如：
        jQuery.extend({
            min: function(a, b) {
                return a < b ? a : b
            },
            max: function(a, b) {
                return a > b ? a : b
            }
  

			
		

	





	

		

			

				
					
jquery的$.extend()之深拷贝与浅拷贝

				
			

			

				

					chunchun1230的博客
				

				

					02-02
					
					1923
					
				

			

		

		

			
				
什么是$.extend

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。
$.extend(true,{},a,b)
true：是否深度拷贝,不加为false，浅拷贝，加了深拷贝
{}：将合并结果保存到新对象，这样原对象将不会发生改变
a：第一个合并的对象
b：第二个合并的对象



浅拷贝


//浅拷贝
        var defaults =...

			
		

	





	

		

			

				
					
$.fn.extend()和$.extend()的区别以及JQ插件开发

				
			

			

				

					Andy_lau
				

				

					08-08
					
					1165
					
				

			

		

		

			
				
目录：

  1.  $.fn.extend()和$.extend()的区别


  2. 插件开发的实例


  3.插件开发一步一步完美


        3.1 满足链式调用


        3.2 防止$污染

        3.3 $.fn.extend()定义插件的使用





  1.  $.fn.extend()和$.exten

			
		

	





	

		

			

				
					
jquery的extend和fn.extend 区别

				
			

			

				

					weixin_34224941的博客
				

				

					05-31
					
					111
					
				

			

		

		

			
				
Jquery为开发插件提供了两个方法，分别是：
$.extend(obj);$.fn.extend(obj);
1.那么这两个分别是什么意思？
$.extend(obj);是为了扩展jquery本身，为类添加新的方法
$.fn.extend(obj);给JQUERY对象添加方法。
2.$.fn中的fn是什么意思，其实是prototype，即$.fn=$.protoytpe;
具体...

			
		

	





	

		

			

				
					
 jQuery中$()函数的7种用法汇总

				
			

			

				

					weixin_33981932的博客
				

				

					11-16
					
					5477
					
				

			

		

		

			
				
前言
jQuery对象是一个类数组的对象，含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中，形成了统一(也是惟一)的操作入口。其中我们用的非常频繁的一个函数是$()或者说是jQuery()，当我们调用他的时候会根据传入的参数的不同而达到不同的效果。
接下来会一一说一下这7中用法，欢迎大家指正...

			
		

	





	

		

			

				
					
$.fn.extend

				
			

			

				

					06-07
				

			

		

		

			
				
$.fn.extend 是 jQuery 中用来扩展 jQuery 对象方法的方法。通过 $.fn.extend 方法，可以为 jQuery 对象添加新的方法，以实现更多的功能或定制化需求。具体来说，$.fn.extend 方法接收一个对象参数，该对象的每个属性都是一个新的方法，通过该方法可以为 jQuery 对象添加新的功能。例如：

```
$.fn.extend({
  customMethod: function () {
    // 自定义方法代码
  }
});
```

上述代码将为 jQuery 对象添加一个名为 customMethod 的新方法。通过该方法，可以实现一些自定义的功能。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值