• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery扩展方法

jquery扩展方法

作者:谢鑫的 字体:[增加 减小] 来源:互联网

谢鑫的通过本文主要向大家介绍了jquery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

 

jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。

 

jQuery的全局函数就是属于jquery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。

也可以理解为另外两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。

 

1.jQuery.extend(Object);   // jQuery 本身的扩展方法 

 

2.jQuery.fn.extent(Object);    // jQuery 所选对象扩展方法

下面就两种函数的开发做详细的说明。


1、类级别的插件开发

 

类级别的插件开发最直接的理解就是给jQuery类添加类方法,

 

可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。

关于类级别的插件开发可以采用如下几种形式进行扩展:

1.1 添加一个新的全局函数

 

[javascript] view plain copy

  1. $.foo = function(){  
  2.             alert("foo");  
  3.         }  
  4.         //调用方法   
  5.         $.foo();  

1.2 使用jQuery.extend(object);
[javascript] view plain copy

  1. $.extend({  
  2.             foo:function(){  
  3.                 alert("foo");  
  4.             },  
  5.             bar:function(){  
  6.                 alert("bar");  
  7.             }  
  8.         })  
  9.         //调用方法   
  10.         $.foo();  
  11.         $.bar();  

1.3 使用命名空间
[javascript] view plain copy

  1. $.myPlugin = {  
  2.             foo:function(){  
  3.                 alert("foo");  
  4.             },  
  5.             bar:function(){  
  6.                 alert("bar");  
  7.             }  
  8.         }  
  9.         //调用方法  
  10.         $.myPlugin.foo();  
  11.         $.myPlugin.bar();   


2、对象级别的插件开发

 

 

[javascript] view plain copy

  1. $.fn.foo = function(){  
  2.             alert("hello jquery");  
  3.         }  
  4.         $(
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • jquery提示 "object expected"的解决方法
  • jQuery html()等方法介绍
  • jquery validation验证表单插件
  • jQuery常用数据处理方法小结
  • treepanel动态加载数据实现代码
  • 基于Jquery的简单图片切换效果
  • jQuery 选择同时包含两个class的元素的实现方法
  • JQuery触发事件例如click
  • jquery1.4.2 for Visual studio 2010 模板文件
  • jQuery简单创建节点的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 各式各样的导航条效果css3结合jquery代码实现
    • jQuery中clone()函数实现表单中增加和减少输入项
    • jQuery遍历节点树方法分析
    • jQuery 跨域访问解决原理案例详解
    • jQuery聚合函数实例
    • jquery操作checkbox实现全选和取消全选
    • jQuery简单实现页面元素置顶时悬浮效果示例
    • 用jquery ajax获取网站Alexa排名的代码
    • Ztree新增角色和编辑角色回显问题的解决
    • 通过jQuery源码学习javascript(一)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有