jQuery.extend 与 jQuery.fn.extend 的区别
2011-10-20 14:49
603 查看
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对象的扩展,可以理解为静态方法,不需要实例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和$.fn.extend作用及区别
- jquery的$.extend和$.fn.extend作用及区别
- jQuery.extend和jQuery.fn.extend的区别?
- jQuery.extend与jQuery.fn.extend的区别
- jquery.extend(object) && jquery.fn.extend(object) 区别
- jQuery - jQuery的$.extend和$.fn.extend作用及区别
- jquery.fn.extend与jquery.extend的区别 (转载)
- jquery的$.extend和$.fn.extend作用及区别
- jquery的$.extend和$.fn.extend作用及区别
- jQuery中 $.extend 和 $.fn.extend 作用及区别
- jQuery.extend和jQuery.fn.extent的区别
- jquery的$.extend和$.fn.extend作用及区别
- jQuery.extend和jQuery.fn.extend的区别
- jQuery浅谈$.fn和jQuery.extend(object)和jQuery.fn.extend(object)的区别
- jQuery.extend和jQuery.fn.extend的区别
- jquery插件之jquery.extend和jquery.fn.extend的区别
- jQuery.extend(),jQuery.fn.extend() 区别
- jquery的$.extend和$.fn.extend作用及区别
- jquery.fn.extend与jquery.extend区别