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

jQuery.fn.xx和$().xx

2015-07-16 15:30 686 查看

今天看到一段代码没有看懂写的是$().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作用及区别

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航