jquery的扩展方法介绍
2011-09-08 18:32
239 查看
最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是jQuery的扩展方法,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。
一、方式列表:
1.jQuery.extend(Object); // jQuery 本身的扩展方法
2.jQuery.fn.extent(Object); // jQuery 所选对象扩展方法
二、调用示例:
1.jQuery 本身的扩展方法实例如下:
页面调用:jQuery.Meg("Hi,Stone");
其中Meg和MegToo为我的jQuery自定义扩展方法,多个扩展方法之间用英文逗号隔开。
2.jQuery 所选对象扩展方法有两种书写方式。
a)jQuery 所选对象扩展方法实例一如下:
页面调用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");
其中ShowHtml为我的jQuery所选对象的扩展方法,多个扩展方法之间用英文逗号隔开。
b)jQuery 所选对象扩展方法实例二代码如下:
调用相同与方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");
【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】
一、方式列表:
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!");
【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】
相关文章推荐
- 使用Asp.net Mvc3 Razor视图方式扩展JQuery UI Widgets方法介绍
- jquery的扩展方法介绍
- JQuery扩展插件Validate—5添加自定义验证方法
- jQuery中实现自定义方法的扩展
- 封装jQuery Validate扩展验证方法
- [TOP]利用jQuery对插件进行扩展时,方法$.extend()、$.fn.extend()区别与联系
- extjs6 基础组件扩展和自定义组件封装--03全局方法、变量介绍
- Jquery 遍历数组之$().each方法与$.each()方法介绍
- Jquery自定义扩展方法(二)--HTML日历控件
- jQuery获取attr()与prop()属性值的方法及区别介绍
- jQuery扩展插件方法 $.extend()和$.fn.extend()
- Jquery 扩展方法
- jquery.ajax之beforeSend方法使用介绍
- 扩展jquery easyui tree的搜索树节点方法
- jquery实现下拉框多选方法介绍
- jquery之重写(扩展)$.ajax和$.fn.load等方法详解
- jquery跟js初始化加载的多种方法及区别介绍
- jquery.ajax之beforeSend方法使用介绍
- jQuery fadeTo方法调整图片的透明度使用介绍