博客
关于我
jquery的扩展方法介绍
阅读量:458 次
发布时间:2019-03-06

本文共 993 字,大约阅读时间需要 3 分钟。

    最近一直在写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!");

【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】

转载地址:http://uqgfz.baihongyu.com/

你可能感兴趣的文章
Netty和Tomcat的区别已经性能对比
查看>>
Netty在IDEA中搭建HelloWorld服务端并对Netty执行流程与重要组件进行介绍
查看>>
Netty基础—1.网络编程基础一
查看>>
Netty基础—1.网络编程基础二
查看>>
Netty基础—2.网络编程基础三
查看>>
Netty基础—2.网络编程基础四
查看>>
Netty基础—3.基础网络协议一
查看>>
Netty基础—3.基础网络协议二
查看>>
Netty基础—4.NIO的使用简介一
查看>>
Netty基础—4.NIO的使用简介二
查看>>
Netty基础—5.Netty的使用简介
查看>>
Netty基础—6.Netty实现RPC服务一
查看>>
Netty基础—6.Netty实现RPC服务三
查看>>
Netty基础—6.Netty实现RPC服务二
查看>>
Netty基础—7.Netty实现消息推送服务一
查看>>
Netty基础—7.Netty实现消息推送服务二
查看>>
Netty基础—8.Netty实现私有协议栈一
查看>>
Netty基础—8.Netty实现私有协议栈二
查看>>
Netty多线程 和 Redis6 多线程对比
查看>>
Netty学习总结(1)——Netty入门介绍
查看>>