jquery的扩展方法介绍

简介:

   最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是jQuery的扩展方法,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。

一、方式列表:

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

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

二、调用示例:

  1.jQuery 本身的扩展方法实例如下:

复制代码
jQuery.extend({
Meg:
function (message) {
alert(message);
},
MegToo:
function (messageToo) {
alert(messageToo);
}
});
复制代码

  页面调用:jQuery.Meg("Hi,Stone");

  其中Meg和MegToo为我的jQuery自定义扩展方法,多个扩展方法之间用英文逗号隔开。

  2.jQuery 所选对象扩展方法有两种书写方式。

    a)jQuery 所选对象扩展方法实例一如下:

jQuery.fn.extend({
ShowHtml:
function (showhtml) {
jQuery(
this).html(showhtml);
}
});

    页面调用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");

    其中ShowHtml为我的jQuery所选对象的扩展方法,多个扩展方法之间用英文逗号隔开。

    b)jQuery 所选对象扩展方法实例二代码如下:

(function (jq) {
jq.fn.ShowHtmlToo
= function (showhtml) {
jQuery(
this).html(showhtml);
};
})(jQuery)

    调用相同与方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");






本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/archive/2011/09/08/2171730.html,如需转载请自行联系原作者
目录
相关文章
|
JavaScript 前端开发
|
JavaScript
表单验证Jquery扩展方法类
/** 表单数据验证 **/ $.fn.Validform = function () { var Validatemsg = ""; var Validateflag = true; $(this).
1383 0
|
JavaScript 前端开发 数据格式
为Jquery类和Jquery对象扩展方法
jquery.fn.extend与jquery.extend jQuery为开发插件提拱了两个方法,分别是: JavaScript代码 jQuery.fn.extend(object);    jQuery.extend(object);    jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
891 0
|
12月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
12月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
12月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
12月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件