jQuery.fn.xx和$().xx-CSDN博客

本文链接：https://blog.csdn.net/baoliangsheng/article/details/46912617

本文探讨了jQuery中的$.fn.xx与jQuery.fn.xx之间的关系，并通过实例展示了如何定义自定义全局函数，如onCha。进一步验证了两种调用方式的效果一致，即$.fn.xx可以定义并调用函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天看到一段代码没有看懂写的是$().xx，当时比较蒙，就查到了xx这个函数，它的定义是jQuery.fn.xx=function......

上网上找了找没有找到$()和jQuery.fn是一种什么关系

所以自己就写了一段html测试代码

测试代码如下：

<html>
<head>
	<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
	<script type="text/javascript">
	
	//此处代码毫无意义，纯粹是为了测试自定义全局函数（类似于Ajax这种函数）
	
	
	jQuery.fn.onCha=function(content,callback){
	
		callback(content);
	}
		
	function test1(){
	
	   $().onCha("_$()写法测试",function(content){
	   	alert("回调函数："+content);
	   
	   });
	}
	function test2(){
	
	jQuery.fn.onCha("_jQuery.fn.oncha_写法测试",function(content){
	
		alert("回调函数："+content);
	});
	   
	}
	
	</script>
</head>
<body>
<form id="form1">

<input type="button" value="自定义全局函数1" onClick="test1()"/>
<input type="button" value="自定义全局函数2" onClick="test2()"/>
 
</form>
</body>


</html>

测试结果，两种调用函数的作用是一样的，所以我暂且就这么认为： jQuery.fn.xx=funciton ()可以定义一个函数。那么我们如何调用这个函数呢，有两种写法一种是直接写jQuery.fn.xx,另一种可以简写为$().xx;他们对函数的调用是一个效果，也就是作用是一样的。如果以后发现有错的地方再改正吧。。。。。。。

可以看看我下一篇转载别人的文章：jquery的$.extend和$.fn.extend作用及区别

参考文章链接：http://blog.sina.com.cn/s/blog_7c5d61f30101da1k.html 点击打开链接