`

jQuery扩展原理

 
阅读更多
自己附了两个例子,把它记录下来。
//1、扩展本身方式
    function fun(){}//定义一个类(函数)

    //为该类(函数)添加一个静态方法extend,(静态方法这样定义,相当于一个新的函数【直接调用一个函数是不用new的】)
    fun.extend=function(obj){
        for(var a in obj)
            this[a] = obj[a];//注意:这里的tihs即fun
    }


//2、扩展对象 (这样相当于原型上加了一个方法,也就相当于一个class中的一个method,所以要new)
    fun.prototype.extend = function(obj){
        for(var a in obj)
        this[a] = obj[a];//注意:这里的this即是fun.prototype
    }
   
    jQuery(function(){
    //扩展本身测试
        fun.extend({name:"fun",method1:function(){}});
        alert(fun.name);
    //扩展对象测试
        fun.prototype.extend({name:"fun2",method1:function(){}})
        alert(new fun().name);

        //例子演示: 这样写个例子相信大家理解的就会更明白!
        //为date添加静态方法
        Date.testDate = function(){
            alert('测试Date');
        }
        Date.testDate();
        //为date本身添加方法
        Date.prototype.test = function(){
            alert('Test Date self');
        }
       
        new Date().test();
    });
分享到:
评论

相关推荐

    4、jQuery原理,模拟实现jQuery扩展1

    四、jQuery 的选择器机制:jQuery 的选择器基于 CSS 选择器,并扩展了更强大的功能,如 ID 选择器(#id)、类选择器(.class)、元素选择器(element)以及组合选择器($, +, >)等。这使得开发者能够方便地选取 DOM...

    jquery advance

    二、jQuery扩展原理 jQuery的可扩展性是其核心魅力之一。开发者可以通过创建插件来扩展其功能。一个基本的jQuery插件创建模式如下: ```javascript (function($){ $.fn.extend({ pluginName: function(options) ...

    jQuery封装插件原理教学 Demo

    1. **命名空间**:在jQuery对象上添加方法,通常使用`$.fn.extend`来实现,这里的`fn`是jQuery对象的别名,`extend`用于扩展函数。 2. **主函数**:这是插件的核心,包含了插件的主要功能。当我们在jQuery对象上调...

    jquery工作原理

    开发者可以轻松扩展jQuery的功能,如表单验证、轮播图、弹出框等。这些插件通常遵循jQuery的设计哲学,易于集成和使用。 ### 7. 性能优化 尽管jQuery提供了很多便利,但在处理大量元素时,性能可能成为问题。...

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    这篇文章将指导你如何构建一个自己的jQuery插件,理解jQuery扩展的核心原理。 首先,我们要明白jQuery插件的本质是一个包装在jQuery对象上的函数。在jQuery中,我们经常看到这样的匿名函数结构: ```javascript ...

    jquery 工作原理及源代码示列

    jQuery的插件机制是其强大之处,开发者可以扩展jQuery功能,如表单验证、轮播图、弹窗等。通过`.fn.extend()`方法,可以为jQuery对象添加新方法。 **jQuery源代码示例** 虽然没有直接提供源代码,但通常,一个...

    jquery 自定义扩展日期插件

    《jQuery自定义扩展日期插件详解》 在前端开发中,日期组件是不可或缺的一部分,它为用户提供了方便的日期选择和操作功能。本篇文章将详细探讨一个基于jQuery的可扩展日期插件,该插件允许在日期上进行编辑并保存,...

    jquery.ui.autocomplete 扩展:无限下拉

    **jQuery UI Autocomplete 扩展:无限下拉** 在网页开发中,用户界面的交互性和易用性至关重要。jQuery UI库中的Autocomplete组件是实现这一目标的利器,它提供了自动补全功能,常用于搜索框或者输入框,帮助用户...

    jquery 无缝滚动 demo

    总结,实现jQuery无缝滚动效果并不复杂,只需理解其基本原理,并结合jQuery的动画功能,即可轻松创建出具有吸引力的网页动态效果。通过不断优化和扩展,可以让这个效果更加丰富多彩,满足不同场景的需求。

    jquery easyui pagination 分页插件扩展

    这种方式需要深入理解jQuery EasyUI的内部工作原理,有一定的技术门槛。 2. **插件化扩展**:在不改动原分页组件源代码的前提下,通过编写新的JavaScript插件来扩展功能。这种方式更灵活,不会影响到其他已经使用到...

    jQuery Combobox 扩展

    **jQuery Combobox 扩展详解** 在Web开发中,我们经常需要使用下拉框(Select)来提供用户选择项,但原生的HTML Select元素在交互性和可定制性上存在一定的局限性。jQuery Combobox是一个非常实用的插件,它通过...

    jQuery方法扩展:type, toJSON, evalJSON

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、...随着技术的发展,虽然某些方法可能被新的API所取代,但掌握其背后的原理和使用场景,依然对我们的编程技能有着积极的推动作用。

    jquery.validate 扩展身份证校验方法

    ### jQuery.validate 扩展身份证校验方法 在前端开发中,对用户输入的数据进行校验是非常重要的一步,它能够帮助开发者提高数据的准确性和安全性。本文将详细介绍如何使用`jQuery.validate`插件来扩展身份证号码的...

    jQuery Combobox 扩展 (select+autocomplete)20110730更新

    这个插件的工作原理是,将 `<select>` 元素转换为一个带有输入框的元素,输入框用于自动完成搜索,而下拉列表则展示所有可用选项。当用户在输入框中键入文字时,会触发自动完成功能,显示匹配的选项。这样,用户无需...

    jquery.ext.zip

    **jQuery扩展库的原理与构造** jQuery的扩展库通常是开发者为了满足特定需求,通过编写插件形式的代码来增加其功能。这些扩展通常包含自定义的选择器、方法或事件处理器。在"jquery.ext.js"这个文件中,我们可以...

    jquery.imn.js

    总结来说,jQuery.imn.js是一个看似不太常见的jQuery扩展,可能提供了独特的功能和优化。在使用时,我们应先了解其具体功能,然后结合项目需求,充分利用其优势,提升开发效率和用户体验。由于缺乏详细的文档和社区...

    jQuery.js中继承的实现.pdf

    通过深入理解`jQuery.extend()`的工作原理,开发者可以更好地利用jQuery进行面向对象编程,创建可复用的组件和插件。这使得在JavaScript中实现复杂的对象模型和继承关系变得更加简单和直观。在实际开发中,`jQuery....

    jQuery和JS实现瀑布流

    4. **代码结构**:良好的模块化和封装可以使代码更易于维护和扩展。 通过学习和实践如何使用jQuery和JavaScript实现瀑布流布局,不仅可以提升前端开发技能,还能为用户提供更佳的视觉体验和交互效果。同时,这个...

    jquery-2.1.4.zip

    这个文件对于初学者来说尤其有用,因为可以清晰地看到每段代码的结构和功能,便于学习和理解jQuery的工作原理。 而"jquery.min.js"则是经过压缩和优化的版本,它去除了所有不必要的空格、换行和注释,使得文件体积...

Global site tag (gtag.js) - Google Analytics