`

jquery.extend使用说明

 
阅读更多
在学习jquery的时候偶然看到JQuery.extend()操作,不知道怎么回事,通过查找有了大致了解,在此整理,谨记之。



jquery为开发插件提供了两个方法:
JQuery.fn.extend(object);//1
JQuery.extend(object);//2

虽然javascript没有明确的类概念,但是我们不妨把它当做类解释,这样我们更容易理解;
JQuery就相当于一个类:

  1、类中有类方法和成员方法
  2、类可以通过继承是想扩展

通过JQuery.extend扩展的内容相当于类范围,可以直接调用
   例:我们通过
        JQuery.extend({
        add:function(id,value){
            }
       })
      添加了一个add静态方法;
   然后我们就可以在使用jquery的地方通过$.add(1,1)调用


在看JQuery.fn.extend,通过产看代码可以知道是对JQuery.prototype的扩展,
     例:我们通过
        JQuery.fn.extend({
        add:function(){
            }
       })
      添加了一个add实例方法;
   然后我们就可以在使用jquery的地方通过$('input').add()调用;



注意:

在这里还有一个特殊的地方,就是在函数开头的地方有jQuery.extend = jQuery.fn.extend,而在程序的前面已经将jQuery.prototype赋值给jQuery.fn了,所以在后面的调用中会出现 jQuery.extend()和jQuery.fn.extend()的不同调用,这两个方法调用产生的结果也不一样,jQuery.extend() 的调用并不会把方法扩展到对象的实例上,引用它的方法也需要通过jQuery类来实现,如jQuery.init(),而 jQuery.fn.extend()的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法,这是很重要的,在jQuery.js中到处体现这一点

 



分享到:
评论

相关推荐

    jquery的extend和fn.extend的使用说明

    jQuery为开发插件提拱了两个方法,分别是: 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象...

    jQuery EasyUI 1.5.x of insdep theme美化主题包

    请将你的原默认样式换成本主题的easyui.css即可,另外需要额外加载jquery.insdep-extend.min.js主题包初始化扩展文件。 jquery.easyui.min.js及jquery.min.js都是官方原版,未进行任何修改,可以选择性使用。

    Jquery 插件学习实例1 插件制作说明与tableUI优化

    先对jQuery制作方式,jQuery为开发扩展提拱了两个方法,分别是: jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 1.1、jQuery.fn.extend(object)...

    jQuery插件开发解析

    本文详细介绍基于jQuery开发插件的方式及步骤,其中附有代码和说明,是jq插件开发的入门教程。jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); 给jQuery对象添加方法。 jQuery.extend(object);...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    jquery插件制作简单示例说明

    一、先从一个简单的实例,不需要带参数的一个方法开始 代码如下: //创建一个匿名函数 (function($){ //给jQuery附加一个新的方法(详细见备注1) $.fn.extend({ //插件的名字 MyFirstName: function() { //迭代当前...

    easyui+增强窗体 demo_ext为实例文件

    1、tree增加支持类标准数据格式加载,具体看demo或jquery.easyui.tree.extend.js文件开头说明。 2、修复datagrid在rowediting编辑风格时点击“确定”按钮无法提交问题。 3、datagrid和treegrid增加getEditingRows...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    分享jQuery网页元素拖拽插件

    效果说明:配合已有CSS样式,载入插件后,网页元素可以随意在窗口内拖拽,设置了原位置半透明和拖拽半透明的效果选项,可根据需要选择。另外,当页面上有多个可拖拽元素时,可以载入另外一个用于设置z-index的插件,...

    基于JavaScript的前端ECharts图表可视化大屏开发案例源码+项目使用说明.zip

    基于JavaScript的前端ECharts图表可视化大屏开发案例源码+项目使用说明.zip 【功能特点】 页面内容适应各种比例的大屏。可以设置为自动等比例缩放(contain和cover两种模式),也可以设置为拉伸(stretch模式)来铺满...

    jQuery实现长文字部分显示代码

    在网页上只有一个小区域,但是说明性的文字又很长,下面这段脚本实现的是长文字的部分显示。 当用户点击展开时,文字展开,合起是文字合起。本来用jQuery自带的toggle()就可以写,但是我做的时候 toggle一直不work,...

    jQuery中$this和$(this)的区别介绍(一看就懂)

    // 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。 (function($){ $.fn.hilight = function(options){ debug(this); var defaults = { foreground: 'red', ...

    jQuery实现文本展开收缩特效

    在网页上只有一个小区域,但是说明性的文字又很长,下面这段脚本实现的是长文字的部分显示。 当用户点击展开时,文字展开,收缩时文字收缩。 本来用jQuery自带的toggle()就可以写,但是我做的时候 toggle一直不work...

    轻量级网页遮罩层jQuery插件用法实例

    使用jQuery的好处是很多人为它写一些组件,而在项目所需用到功能也都可以找到一些组件去完成。 现在又这样一个需求当用户点击一个按钮后不允许用户进行任何的操作,取而代之的是弹出一个遮罩层显示一个loading提示框...

    widget:Widget 由 arale-widget 修改而来, 是UI 组件的基础类,约定了组件的基本生命周期,实现了一些通用功能

    使用说明Widget 继承了 ,可使用其中包括 、、、 等功能。简单的继承var WidgetA = Widget.extend({ attrs: { a: 1 }, method: function() { console.log(this.get('a')); }});var widget = new WidgetA({ a: 2})....

    梨花带雨V3.1 HTML网页悬浮音乐播放器 域名授权+动态歌词+兼容任何网站

    源码简介与安装说明: 环境: 国内外服务器都可以用 主机无法运行 需求环境 php7.3 mysql5.6/5.7 推荐5.7, 设置public为运行目录,thinkphp伪静态 安装: 导入根目录install.sql到数据库 配置config/database.php ...

    DataGridTree.rar

    js说明: jquery: 主要用来做表格输出及事件绑定 extend: 主要用来做js的继承 List: 数据存储,模拟java中的List Map: 数据存储,模拟java中的Map TreeNode:行和列的数据模型,用树结构来存储 DataGrid: 表格...

Global site tag (gtag.js) - Google Analytics