jQuery.extend与jQuery.fn.extend的区别分析与实例
2012-11-07 14:21
716 查看
jQuery.extend与jQuery.fn.extend都是为jquery开发插件。
不同是的:
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
前者不需要创建jquery实例就可以执行。
后者必须得对象绑定事件才可以执行!
代码如下:
<script language="javascript" src="http://www.phplike.com/javascript/jquery-1.4.2.js"></script>
<script language=javascript>
jQuery.extend({
merge:function(a,b){
return a + " " + b;
}
});
alert($.merge('Hello','World'));
</script>
后者必须绑定对象的事件:
<input name="phplike" type="text" />
<script language="javascript" src="http://www.phplike.com/javascript/jquery-1.4.2.js"></script>
<input name="phplike" type="button" value="Click Here" />
<script language="javascript">
jQuery.fn.extend({
merge:function(a,b){
return a + " " + b;
}
});
$("input[name='phplike']").click(function (){
alert($(this).merge('Hello','World'));
});
</script>
不同是的:
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
前者不需要创建jquery实例就可以执行。
后者必须得对象绑定事件才可以执行!
代码如下:
<script language="javascript" src="http://www.phplike.com/javascript/jquery-1.4.2.js"></script>
<script language=javascript>
jQuery.extend({
merge:function(a,b){
return a + " " + b;
}
});
alert($.merge('Hello','World'));
</script>
后者必须绑定对象的事件:
<input name="phplike" type="text" />
<script language="javascript" src="http://www.phplike.com/javascript/jquery-1.4.2.js"></script>
<input name="phplike" type="button" value="Click Here" />
<script language="javascript">
jQuery.fn.extend({
merge:function(a,b){
return a + " " + b;
}
});
$("input[name='phplike']").click(function (){
alert($(this).merge('Hello','World'));
});
</script>
相关文章推荐
- jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
- jquery.fn.extend与jquery.extend 区别
- jquery的$.extend和$.fn.extend作用及区别
- jQuery.fn.extend(); 和 jQuery.extend();的区别
- 区别和详解:jQuery.extend()和jQuery.fn.extend()
- 积跬步,聚小流------实例分析jquery开发插件两种方法的区别
- jquery的$.extend和$.fn.extend作用及区别
- jquery 源码分析-核心(2)整个骨架jQuery.extend,jQuery.fn.extend
- jQuery.extend与jQuery.fn.extend区别
- JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)
- jQuery.extend()与jQuery.fn.extend()区别和用法解释
- jquery插件之jquery.extend和jquery.fn.extend的区别
- jquery的$.extend和$.fn.extend作用及区别
- jQuery源码分析之实例find和filter方法的区别七问
- jquery.fn.extend与jquery.extend的用法以及区别
- jquery简单插件制作(fn.extend)完整实例
- python列表操作之extend和append的区别实例分析
- 区别和详解:jQuery extend()和jQuery.fn.extend()
- jquery.extend 与 jquery.fn.extend的区别和使用
- jQuery.extend和jQuery.fn.extend的区别