`
accphc
  • 浏览: 122032 次
  • 性别: Icon_minigender_1
  • 来自: CD
社区版块
存档分类
最新评论

JQuery继承

 
阅读更多

<script type = "text/javascript">
  // 定义一个类,构造函数;
  var testClass = function() {
    this.name = "Woody";
  };

  // 通过prototype对象定义类的其他成员;
  testClass.prototype = {
    altName: function() {
      testClass.altName( this.name );  // 调用testClass.altName()方法;
    }
  };

  // 实现继承的方法;
  testClass.extend = function(o, p) {
    if ( !p ) { p = o; o = this; }
    for ( var i in p ) o[ i ] = p[  i ];
    return o;
  };

  // 对testClass进行扩展;
  testClass.extend({
    altName: function( str ) {
      alert( "My name is " + str);
    },
    add: function( i ) {
      alert( ++i );
    }
  });

  var tc = new testClass(); // 实例化一个tesClass对象;

  // 反射机制,看tc实例继承了哪些属性方法;
  // 从运行结果来看,它只继承了name,altName();
  for ( var i in tc ) alert( i + " = " + tc[ i ]);

  // 调用tc实例的altName()方法,而在定义中又调用testClass.altName()方法;
  tc.altName();

  // 该方法只能通过类来调用,不能通过实例来调用,比如tc.add(0)就会出错;
  testClass.add( 0 );
</script>

  •  如果对“类”进行extend,那么就是只有类本身才可以使用,相当于静态方法。
  •  如果对本“类”的prototype进行extend,那么“类”的实例也可以使用,相当于实例方法。


 
  • 大小: 51 KB
分享到:
评论

相关推荐

    jQuery继承extend用法详解

    本文实例为大家jQuery继承extend用法,供大家参考,具体内容如下 js代码 //直接基于jQuery的扩展,判断是否为空 $.isBlank = function(obj){ return(typeof(obj)=='undefined'||obj==''||obj==null); } //直接...

    jQuery.js中继承的实现.pdf

    jQuery.js中继承的实现.pdf

    jQuerySourceCode:阅读和分析jQuery源代码,以巩固JS知识并学习一些奇妙的技术-jquery source code

    一些变量和函数jQuery继承即扩展方法jQuery.extend方法,即jQuery的静态方法,也可以说是一些工具方法Sizzle选择器,是对复杂选择器的处理,可以单独拿出来用某个对象$ .Callbacks延迟对象,依赖于特定对象对函数的...

    jQueryUI参考手册中文CHM版

    本文给大家带来jQuery UI参考手册,需要的朋友们可以下载看看jQuery UI 特性简单易用继承 jQuery 简易使用特性,提供高度抽象接口,短期改善 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    JQuery学习笔录 简单的JQuery

    尺寸小、使用简单方便(Write Less, Do More,吃得少干得多,而且目前许多大公司都在支持JQuery,例如微软,微软把JQuery继承在了vs2010中

    jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z

     7.4 主题继承  7.5 自定义主题  7.6 themeroller  7.6.1 调色板和全局设置  7.6.2 preview inspector和quickswatch bar  7.6.3 adobe kuler集成  7.6.4 入门  7.7 总结 第8章 jquery mobile api ...

    jQuery EasyUI 1.3.5 离线简体中文API文档

    combogrid:修复某些从combo组件继承来的方法无法使用的问题。 Improvement(改进) datagrid:改进检查行时候的性能; menu:允许追加菜单分隔符; menu:新增“hideOnUnHover”属性用于在鼠标离开菜单的时候...

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jClasses:这是一个非常简单的小型jQuery脚本的继承和依赖管理

    jQuery 的 jClass 这是一个非常简单的小型 jQuery 脚本的继承和依赖管理。 它基于 John Resig 和 Javascript MVC 的继承方法。要求jQuery下载或从终端使用 Git: 子模块: $ git submodule add ...

    JQuery EasyUI 1.5.2 离线官方API中文文档 含完整开发工具包+扩展 chm+pdf

    jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; datagrid:修复在不...

    星级插件 jQuery js

    简单小巧的 星级评分插件 继承自 jQuery 方便实用

    jquery ui 官方版

     继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性。  开源免费  采用 MIT & GPL 双协议授权,轻松满足自由产品至企业产品各种授权需求。  广泛兼容  兼容各主流桌面浏览器。包括IE 6+、Fire...

    jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承

    本文主要介绍了利用构造函数和原型创建对象以实现继承,并附上完成简单轮播对象的封装的示例代码。有兴趣的朋友可以看下

    jquery-source-code-1:jquery源码-jquery source code

    (285,347)扩展名:JQ的继承方法 (349,817)jQuery.extend扩展一些工具方法 (877,2856)Sizzle复杂选择器的实现 (2880,3042)回调:包含函数:对函数的统一管理 (3043,3183)延迟:延迟对象:对异步的统一管理 ...

    jQuery选择器的工作原理和优化分析

    每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init 对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可 以实现继承,加上js的...

    基于JQUERY的菜单栏插件

    花生米AJAX-UI系列之:基于JQUERY的GooMenubar工具栏类UI控件0.1版 特点: 可定义四个边框有没有显示 可以enable或者disable一个按钮(这时按钮无法点击了) 工具栏中按钮的图标、文字、点击时触发的事件方法都是...

    jQuery中创建实例与原型继承揭秘

    如 new Object()、new Date()等等!... 代码如下: funtion jQuery( selector, context){ return new jQuery.fn.init( selector, context ); } 这里可以看出jQuery是有构造函数的,也是用了new 创建实例的。

    jQUERY考试考试考试

    jQUERY考试考试考试

    jquery选择器简述

    其中,参数element,表示待查找的HTML标记名,如$(“div”),标签选择器获取元素的方式是高效的,因为它继承自javascript中的getEmelentsByTagName,它获取的是整个元素的集合。 2.ID选择器 $(“id”) 其中,参数id...

Global site tag (gtag.js) - Google Analytics