`
gogole_09
  • 浏览: 205550 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

简述 jQuery插件开发的两种方式的区别

阅读更多

开发jquery插件提供两个方法:
     |---jQuery.fn.extend(object)
        |+ 为扩展jQuery类本身,为类添加新的方法
     |---jQuery.extend(object)
        |+ 为扩展jQuery对象添加方法


     查看jQuery的源代码,可以发现fn是什么?
     

 jQuery.fn=jQuery.prototype={
           …
 }

 

     
      两种方法的区别与示例:
       
 

$.extend({
         add:function(){....}
});

 

     调用时,你可以这样:
      

$.add();  //因为相当于类的静态方法,所以可以直接调用

 
 另外一种,为类对象添加方法:
 

$.fn.extend({
  add:function(){.....}
 });

 

  调用时,你就应该这样:
 

$("#input1").add(); //先有类实例,才能调用类对象的方法

 

分享到:
评论

相关推荐

    validation-jQuery验证插件

    简述jQuery验证插件validation的功能和使用

    jQuery倒计时插件

    综上所述,jQuery倒计时插件是网页开发中的一个重要工具,它提供了一种便捷的方式来创建吸引用户的倒计时效果。通过理解和掌握这些基本概念,开发者能够更好地利用这类插件为网站增添互动性和功能性。

    eclipse安装插件支持jquery智能提示.doc

    为了提升开发效率,使用集成开发环境(IDE)时,安装支持jQuery智能提示的插件变得十分重要。本文将详细介绍三种常用插件:jQueryWTP、Spket和Aptana的安装与配置过程。 #### 二、准备工作 在开始安装插件之前,...

    jquery技术

    jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,它们扩展了jQuery的功能,涵盖了表单验证、日期选择器、轮播图、弹出框等多种组件。 ### 4. jQuery源码解析 深入理解jQuery源码,可以帮助我们更好地...

    15天学会jQuery 15天学会jQuery

    - 进阶学习:推荐进一步学习jQuery的高级技巧,如委托事件、插件开发等,并关注jQuery生态的最新发展。 通过这15天的学习,你将能够熟练运用jQuery进行网页开发,提升前端技能。记得实践是检验真理的唯一标准,多做...

    Chrome插件开发指南

    ### Chrome插件开发指南知识点详解 #### 1. Chrome扩展及应用基础 - **认识Chrome扩展及应用** 扩展是为浏览器添加功能的组件,而应用是指可以在浏览器内独立运行的完整程序。扩展通常以较小的功能模块出现,如...

    jQuery学习资料与最新jQuery库

    8. **插件使用**:简述jQuery插件的概念,如何查找和使用第三方插件以扩展jQuery功能。 **其他文件** - **ratings.dat**:可能是一个数据文件,用于存储用户评分或评价的数据,通常用于动态应用的后端交互。 - *...

    浅析两种安全运维管理模式 (2).docx

    浅析两种安全运维管理模式 (2).docx浅析两种安全运维管理模式 (2).docx浅析两种安全运维管理模式 (2).docx浅析两种安全运维管理模式 (2).docx浅析两种安全运维管理模式 (2).docx浅析两种安全运维管理模式 (2).docx...

    jQuery图片自动淡入淡出插件

    插件功能简述 能让任意列表形式的内容依次淡入淡出切换显示,或是上下切换显示。内容可以是文字,图片等。支持各式标签,列表标签ul,li或是div,p标签都可以。 可以非常轻松的实现诸如新闻或公告内容的自动随机切换...

    jQuery权威指南pdf

    7. **插件开发**:探讨如何编写和使用jQuery插件,理解插件设计模式,以扩展jQuery的功能。 8. **性能优化**:提供关于如何提高jQuery代码性能的策略,包括避免DOM操作、减少选择器复杂度和使用事件委托等。 9. **...

    简述Jquery与DOM对象

    JQuery与DOM对象是前端开发中常用到的两种对象,它们各自拥有不同的特点和用途。在学习JQuery之初,很多人会对这两种对象的差异和相互转化关系感到迷惑。为了帮助读者更好地理解这两种对象,以下将详细探讨JQuery...

    html+css+javascript+jQuery简述

    html+css+javascript+jQuery简述

    Jquery常用正在表达式验证

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和页面交互。其中,正则表达式验证是jQuery实现表单数据有效性检查的重要手段。本篇文章将详细探讨jQuery中的正则表达式验证,...

    城市生长插件的使用方法附插件

    城市生长插件是3DSMAX软件中的一个强大工具,它为设计师提供了模拟真实城市环境、建筑群落自然演进的能力。这款插件可以帮助用户在3D建模过程中更高效、更具创新性地创建大规模的城市景观。本文将详细介绍城市生长...

    jquery表格table导出下载成

    最近在整一个前端的一个测试工具,使用Express+Nodejs...简述:我们可以通过下载插件,然后放到自己的工程路径下,使用’script’标签做路径引用能够很好实现Json、XML、CSV、TSV、TXT、SQL、Word、Excel格式的导出。

    jquery选择器简述

    jQuery选择器是jQuery库的核心功能之一,它极大地简化了对网页DOM元素的选取,...同时,jQuery的链式操作和插件机制使得基于选择器的操作更加流畅,减少了代码量,提高了代码可读性,是现代Web开发中不可或缺的工具。

    简述jQuery Easyui一些用法

    有两种基本方式来实现这一点: **方法一:使用 `on` 方法** ```javascript $("#tt").textbox('textbox').click(function() { console.info(123); }); ``` 在这个例子中,我们首先获取到 `textbox` 元素,然后为其...

    jQuery EasyUI 中文文档

    jQuery EasyUI 是一款非常实用且功能全面的 UI 插件库,它极大地简化了前端界面的开发工作,使得开发者能够更加专注于业务逻辑的实现。通过本文对 jQuery EasyUI 的主要组件进行介绍,希望能够帮助开发者更好地理解...

Global site tag (gtag.js) - Google Analytics