jQuery.extend和jQuery.fn.extend的区别
2015-03-19 09:17
441 查看
转自:http://www.cnblogs.com/yuteng/articles/1796646.html
jQuery.extend
对jQuery对象的扩展,可以理解为静态方法,不需要实例jQuery就可以使用。
<script type="text/javascript">
<!--
jQuery.extend({
add: function(a, b) {
return a + b;
}
});
alert($.add(3, 4)); //7
//-->
</script>
jQuery.fn.extend
对jQuery元素的扩展,只能用在jQuery元素上,可以理解为普通方法。定义插件时需要返回this,以支持jQuery的链式操作。
<script type="text/javascript">
<!--
jQuery.fn.extend({
red: function() {
return $(this).css('color', '#ff0000');
}
});
$('#test').red();
//-->
</script>
jQuery.extend
对jQuery对象的扩展,可以理解为静态方法,不需要实例jQuery就可以使用。
<script type="text/javascript">
<!--
jQuery.extend({
add: function(a, b) {
return a + b;
}
});
alert($.add(3, 4)); //7
//-->
</script>
jQuery.fn.extend
对jQuery元素的扩展,只能用在jQuery元素上,可以理解为普通方法。定义插件时需要返回this,以支持jQuery的链式操作。
<script type="text/javascript">
<!--
jQuery.fn.extend({
red: function() {
return $(this).css('color', '#ff0000');
}
});
$('#test').red();
//-->
</script>
相关文章推荐
- jQuery.extend与jQuery.fn.extend的区别分析与实例
- jQuery.extend与jQuery.fn.extend区别
- jQuery 中 $.fn.extend 与$.extend 的区别
- jquery.extend 与 jquery.fn.extend的区别和使用
- [转载]jquery的extend和fn.extend 区别
- jQuery.extend与jQuery.fn.extend的区别
- JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)
- jquery的$.extend和$.fn.extend作用及区别
- jQuery中,$.extend,$obj.extend和$.fn.extend三者的区别
- jquery的$.extend和$.fn.extend作用及区别
- JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)
- jquery的extend和fn.extend 区别
- jquery.fn.extend与jquery.extend的区别和使用
- jQuery.fn和jQuery.prototype jquery.extend() jquery.fn.extend()区别介绍
- jQuery.extend与jQuery.fn.extend的区别
- jquery.fn.extend与jquery.extend的区别和使用(转)
- jquery添加扩展方法中的$.extend()与$.fn.extend()之间的区别
- uery.fn.extend与jquery.extend的区别和使用
- jQuery.extend 与 jQuery.fn.extend 的区别
- jquery.extend 与 jquery.fn.extend的区别和使用