`
accphc
  • 浏览: 124635 次
  • 性别: 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库提供了一种优雅的解决方案,通过`jQuery.extend()`方法实现了对象的继承功能。这个方法在jQuery中扮演着至关重要的角色,它不仅用于合并对象,还用于实现类之间的继承。 `jQuery.extend()`方法的基本...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    首先,jQuery 1.11.3是官方发布的一个稳定版本,它继承了jQuery一贯的易用性和兼容性,支持多种浏览器环境,包括IE6及以上版本。这个版本的发布,主要关注于性能优化和bug修复,旨在提供更稳定的运行环境。 1. **...

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    jQuery 1.8.3版本在功能上继承了jQuery一贯的优雅特性,包括选择器引擎(Sizzle)、链式调用、DOM操作、事件处理、动画效果和Ajax请求。其中,选择器引擎使得开发者可以通过CSS1-CSS3的选择器轻松选取DOM元素,而...

    jquery-2.1.4.js

    jQuery 2.1.4版本继承了这一优点,并在此基础上进行了一些功能的增强和bug的修复。 在HTML中,我们通常会将jQuery库作为一个外部脚本文件引用,例如: ```html &lt;script src="jquery-2.1.4.js"&gt; ``` 这样,整个页面...

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

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

    jquery 1.12.4.min.js

    jQuery 1.12.4是jQuery的一个稳定版本,发布于2016年,它继承了前一个版本的稳定性,并修复了一些已知问题,提高了兼容性和性能。这个版本特别强调对老式浏览器的支持,包括Internet Explorer 6、7和8,这对于那些...

    [jQuery实战第二版].pdf

    - **David Sills (JavaLobby, Dzone)**:这本书是一本优秀的作品,是Manning出版社“in Action”系列中的一个值得骄傲的继承者。它易于阅读且充满了实用代码。实验室页面是一种探索库的奇妙方式,应该成为每个Web...

    jQuery UI Multiselect (jQuery UI 多选框)

    - **主题支持**:继承自jQuery UI,该插件能够无缝地与各种jQuery UI主题搭配,确保与页面其他组件的视觉一致性。 - **事件处理**:提供了丰富的事件接口,如`select`、`deselect`等,方便开发者根据用户操作进行...

    jQueryUI参考手册中文CHM版

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

    JQuery基础语法小结

    JQuery继承了CSS选择器的语法,并扩展了许多功能。它允许以更简洁的方式选取DOM元素,如通过ID、类、属性等。例如,`$("#myId")`选择ID为`myId`的元素,`$(".myClass")`选择所有类名为`myClass`的元素。 7. **...

    《JavaScript和jQuery实战手册》PDF

    《JavaScript和jQuery实战手册》是一本深入探讨JavaScript和jQuery编程技术的专业书籍,旨在帮助读者掌握这两门重要技术,提升Web开发能力。JavaScript是互联网上最广泛使用的脚本语言,而jQuery则是JavaScript的一...

    jQuery_的原型关系图

    在这个图中,我们可以看到对象之间的继承关系,以及jQuery如何扩展和利用JavaScript的原型链机制。 首先,让我们讨论JavaScript的原型(Prototype)概念。在JavaScript中,每个对象都有一个内置的`__proto__`属性,...

    jquery-1.8.2文档

    版本1.8.2是jQuery历史上的一个重要里程碑,它不仅继承了早期版本的优点,还进行了诸多优化和增强,使其成为编写JavaScript的首要选择。本文将深入探讨jQuery 1.8.2的关键特性、API用法以及如何利用jQuery扩展和...

    jQuery源码解读

    jQuery 使用原型链实现对象的扩展和方法继承。`jQuery.fn` 和 `jQuery.prototype` 是同一个对象,它们包含了一系列基础方法,如 `each`、`find` 等。这些方法可以通过原型链传递给每个 jQuery 对象实例。此外,`...

    JQuery高级编程之面向对象.rar

    4. **原型链和继承**: jQuery对象可以通过原型链实现继承,这样可以复用父类的方法和属性。使用`$.extend()`或`Object.create()`可以实现这一点,提高代码的复用性。 5. **封装**: 面向对象的核心思想之一就是封装...

    jquery-editable、jqueryUI-editable

    jQuery UI Editable是基于jQuery UI库的扩展,它继承了jQuery Editable的核心功能,并增加了更多丰富的UI组件和样式。jQuery UI库提供了一套完整的界面设计工具,使得jQuery Editable在视觉效果上更上一层楼。以下是...

    精通Javscript+jQuery

    理解原型链和闭包是进阶 JavaScript 编程的关键,它们分别涉及对象继承和作用域管理。 ### jQuery 入门 jQuery 的主要优点在于它简化了 DOM 操作、事件处理、动画效果和 AJAX 请求。例如,使用 `$()` 函数可以轻松...

Global site tag (gtag.js) - Google Analytics