jQuery.extend和jQuery.fn.extend的区别
2个回答
2016-03-10 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
一.jQuery.extend():
此方法是用来扩展jQuery类，此方法是全局性，直接用jQuery类即可引用，例如:
$.extend({minValue:function(a,b){return a<b?a:b;}})
$.minValue(5.6);
也可以把这类函数称作为工具函数，不直接操作DOM元素，而是操作Javascript的非元素对象，或者执行其他非对象的特定操作。
更多相关$.extend()函数的用法可以参阅$.extend()函数用法详解一章节。
二.jQuery.fn.extend():
此方法则是用来扩展jQuery的实例方法，也就是说jQuery类的实例对象可以调用此函数，代码如下:
<script type="text/javascript">
$(document).ready(function(){
$.fn.extend({
theAlert:function(){
alert("自定义的函数");
}
})
$("thediv").theAlert()
})
</script>
</head>
<body>
<div id="thediv">按钮</div>
</body>
</html>
以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法，那么就必须要用对象实例来调用此方法，$("thediv")就是一个对象实例，这样它就可以调用添加的方法.
此方法是用来扩展jQuery类，此方法是全局性，直接用jQuery类即可引用，例如:
$.extend({minValue:function(a,b){return a<b?a:b;}})
$.minValue(5.6);
也可以把这类函数称作为工具函数，不直接操作DOM元素，而是操作Javascript的非元素对象，或者执行其他非对象的特定操作。
更多相关$.extend()函数的用法可以参阅$.extend()函数用法详解一章节。
二.jQuery.fn.extend():
此方法则是用来扩展jQuery的实例方法，也就是说jQuery类的实例对象可以调用此函数，代码如下:
<script type="text/javascript">
$(document).ready(function(){
$.fn.extend({
theAlert:function(){
alert("自定义的函数");
}
})
$("thediv").theAlert()
})
</script>
</head>
<body>
<div id="thediv">按钮</div>
</body>
</html>
以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法，那么就必须要用对象实例来调用此方法，$("thediv")就是一个对象实例，这样它就可以调用添加的方法.
本回答由电脑网络分类达人 赵国琴推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jQuery.extend是用于给jQuery对象本身添加功能的。而jQuery.fn.extend是用来给jQuery封装的对象添加功能的，其添加函数中的this变量就是封装的对象，例如下面的代码:
$.extend({
max:function(a,b){
return a>b ? a:b;
}
});
$.fn.extend({
showTagName:function(){
var str="";
for(var c=0; c<=this.length-1; c++){
str += c + " : " + this[c].tagName + "\n";
}
alert(str);
}
});
$(function(){
alert($.max(13,5)); //使用$.extend添加的功能这样使用
$("*").showTagName(); //使用$.fn.extend添加的功能要这样使用
});
$.extend({
max:function(a,b){
return a>b ? a:b;
}
});
$.fn.extend({
showTagName:function(){
var str="";
for(var c=0; c<=this.length-1; c++){
str += c + " : " + this[c].tagName + "\n";
}
alert(str);
}
});
$(function(){
alert($.max(13,5)); //使用$.extend添加的功能这样使用
$("*").showTagName(); //使用$.fn.extend添加的功能要这样使用
});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
