$.fn.extend 与$.extend 的区别
来源:互联网 发布:高清电视直播软件 编辑:程序博客网 时间:2024/06/05 14:54
jQuery.fn的作用是什么:
在自定义jQuery插件中,会经常见到jQuery.fn的身影,下面就简单介绍一下它的作用到底是什么。
想要认识它的本质,最好的办法直接看jQuery的源码,否则一切都是根据现象进行的猜测,难免出现失误。
jQuery1.83中的代码如下:由上面的代码可以清晰的看出jQuery.fn执行jQuery的原型对象。
明白了上面的道理也可以有助于对其他函数的理解,例如以上代码可以为jQuery对象添加方法,可以和以下方法一起学习:以上代码可以为jQuery"类"添加方法,当然js中并没有类这个概念,不过就是那个意思。
相关阅读:
1.jQuery.extend()函数可以参阅jQuery.extend()方法一章节。
如果不指定target,则给jQuery命名空间本身进行扩展。
如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。
未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。
代码实例:
注意:运行编辑器之后,再按F5刷新网页即可查看演示。
更多相关$.extend()函数的用法可以参阅$.extend()函数用法详解一章节。
二.$.fn.extend():
此方法则是用来扩展jQuery的实例方法,也就是说jQuery类的实例对象可以调用此函数,代码如下:以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法,那么就必须要用对象实例来调用此方法,$("thediv")就是一个对象实例,这样它就可以调用添加的方法,当然在实际的开发中,几乎不可能有这么简单的例子,这里只是讲述一下原理。
在自定义jQuery插件中,会经常见到jQuery.fn的身影,下面就简单介绍一下它的作用到底是什么。
想要认识它的本质,最好的办法直接看jQuery的源码,否则一切都是根据现象进行的猜测,难免出现失误。
jQuery1.83中的代码如下:由上面的代码可以清晰的看出jQuery.fn执行jQuery的原型对象。
明白了上面的道理也可以有助于对其他函数的理解,例如以上代码可以为jQuery对象添加方法,可以和以下方法一起学习:以上代码可以为jQuery"类"添加方法,当然js中并没有类这个概念,不过就是那个意思。
相关阅读:
1.jQuery.extend()函数可以参阅jQuery.extend()方法一章节。
2.jQuery.fn.extend()函数可以参阅$.extend()和$.fn.extend()区别一章节。
jquery.extend()方法的定义和用法:
此方法用一个或多个其他对象来扩展一个对象,并返回被扩展的对象。
这有助于插件作者为jQuery增加新方法。
语法结构:
如果不指定target,则给jQuery命名空间本身进行扩展。
如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。
未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。
代码实例:
注意:运行编辑器之后,再按F5刷新网页即可查看演示。
$.extend()和$.fn.extend()用法和区别:
在自己制作插件的时候会经常用到$.extend()和$.fn.extend()两个函数,无论从外观还是作用都非常的类似,但是实际上它们的区别是巨大的,下面就简单介绍一下它们的区别是什么。
在JavaScript中,没有尽管没有类这个概念,但是作为一门面向对象的语言,其实是有着类似于类的实际应用,那么从标准面向对象的概念来说,jQuery就是一个封装好了的jQuery类,那么通过选择器获得的就是jQuery对象实例。
一.$.extend():
此方法是用来扩展jQuery类,它所方法是全局性,直接用jQuery类即可引用,例如:
更多相关$.extend()函数的用法可以参阅$.extend()函数用法详解一章节。
二.$.fn.extend():
此方法则是用来扩展jQuery的实例方法,也就是说jQuery类的实例对象可以调用此函数,代码如下:以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法,那么就必须要用对象实例来调用此方法,$("thediv")就是一个对象实例,这样它就可以调用添加的方法,当然在实际的开发中,几乎不可能有这么简单的例子,这里只是讲述一下原理。
阅读全文
1 0
- $.extend与$.fn.extend的区别
- $.fn.extend 与$.extend 的区别
- $.extend() 与 $.fn.extend() 的区别
- $.extend()与$.fn.extend()区别
- $.extend,$.fn.extend的区别
- $.fn与$.extend区别
- $.fn $.fn.extend $.extend的区别
- jquery.fn.extend与jquery.extend的区别和使用
- uery.fn.extend与jquery.extend的区别和使用
- jQuery 中 $.fn.extend 与$.extend 的区别
- jquery.extend 与 jquery.fn.extend的区别和使用
- jquery.fn.extend与jquery.extend的区别和使用
- jQuery 中 $.fn.extend 与$.extend 的区别
- jquery.extend() 与 jquery.fn.extend() 的区别
- jquery.fn.extend与jquery.extend的区别
- jQuery.extend(object) 与 jQuery.fn.extend(object)的区别
- jQuery插件( jquery.extend 与 jquery.fn.extend的区别)
- jQuery中$.extend()与$.fn.extend()的区别
- JZOJ 5286. 【NOIP2017提高A组模拟8.16】花花的森林 (Standard IO)
- K-Means聚类算法的原理及实现【转】 【转】
- 雪碧图最佳实践
- 大神揭秘:苹果 ARKit 凭什么碾压对手?
- 【机器学习笔记之五】用ARIMA模型做需求预测用ARIMA模型做需求预测
- $.fn.extend 与$.extend 的区别
- HDU 4529 状态压缩DP
- ajax中的contentType和dataType
- 居然突然忘了怎么转格式,看来不能总是复制呀
- JAVA中Map接口的常用方法
- 1023. 组个最小数 (20)
- ReactNative +jenkins +svn 集成打包
- iOS App 启动性能优化
- [HAOI2016]食物链