JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > 怎么进行JQuery扩展?

怎么进行JQuery扩展?

一、全局函数的扩展
全局函数是将独立的函数添加到JQuery的命名空间中区。在使用的时候,可以通过$.fucnName(param)或者jQuery.funcName(param)方式进行调用。
1、直接在JQuery上添加:在jQuery上添加一个全局函数sayHello
jQuery.sayHello=function(name){alert(name+"您好");};

调用方式:
jQuery.sayHello("张子涵");   //或者用$.sayHello("张子涵");   

2、jQuery.extend():其作用是用一个或者多个对象来扩展一个对象,返回被扩展的对象。
2.1  jQuery.extend(dsc,src1,src2…):将src1,src2扩展到dsc对象,并返回扩展后的dsc对象(合并对象)
2.2  jQuery.extend(object):对jQuery命名空间本身进行扩展,结果就是在jQuery命名空间上增加函数。
//在jQuery命名空间上增加两个函数。jQuery.extend({  min: function(a, b) { return a < b ? a : b; },  max: function(a, b) { return a > b ? a : b; }});

调用方式
jQuery.min(2,3); // => 2jQuery.max(4,5); // => 5

二、对象方法的扩展
对象方法的扩展可以让所有jQuery对象调用的方法。
1、jQuery.fn
//在jQuery对象上添加sayHello方法jQuery.fn.sayHello=function(name){alert(name+"您好");}

调用
$("div").sayHello("dwqs");

2、jQuery.fn.extend
扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。
//增加两个插件方法。jQuery.fn.extend({  check: function() {    return this.each(function() { this.checked = true; });  },  uncheck: function() {    return this.each(function() { this.checked = false; });  }});

调用:
$("input[type=checkbox]").check();$("input[type=radio]").uncheck();

在下一篇笔记中,将用一个简单的示例讲解如何用这种方式开发插件。

原文首发:http://www.ido321.com/1330.html

【怎么进行JQuery扩展?】相关文章

1. 怎么进行JQuery扩展?

2. 年轻的程序员应该怎么做?

3. 不到30行JS代码实现的Excel表格

4. 20行Javascript代码写出页面模板引擎

5. 打造简易可扩展的jQuery/CSS3 Tab菜单

6. 打造简易可扩展的jQuery/CSS3 Tab菜单

7. jQuery EasyUI 1.4.2 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示 ...

8. 使用 HTML5 canvas 进行 Web 绘图

9. 奇思妙想-用HTML5进行人脸识别

10. 利用CSS3特性和浏览器中的工具进行网页设计

本文来源:https://www.51html5.com/a1398.html

点击展开全部

﹝怎么进行JQuery扩展?﹞相关内容

「怎么进行JQuery扩展?」相关专题

其它栏目

也许您还喜欢