jquery的扩展方法介绍

偏执的太偏执、 2024-02-18 19:55 49阅读 0赞

最近一直在写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】

发表评论取消回复

表情：

评论列表（有 0 条评论，49人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery的扩展方法介绍

　　　　最近一直在写js，这其中也少不了一位js的主角了jQuery，下面介绍的是jQuery的一些扩展，也就是jQuery的扩展方法，jQuery的扩展方法有两种方式，一种是

偏执的太偏执、/ 2024年02月18日 19:55/ 0 赞/ 50 阅读

相关扩展jQuery插件的编程方法

jQuery是一种广泛使用的JavaScript库，用于简化HTML文档遍历、事件处理、动画和Ajax等操作。通过扩展jQuery插件，您可以为jQuery添加自定义功能，以适

红太狼/ 2023年10月16日 12:39/ 0 赞/ 169 阅读

相关自定义jQuery插件——jQuery方法的扩展与jQuery对象的扩展

本文内容：如何实现jQuery对象和方法的扩展 jQuery提供了两个方法($.extend和＄.fn.extend)，可以让用户自行扩展插件(自定义的方法)，以下将通

妖狐艹你老母/ 2023年10月08日 12:51/ 0 赞/ 15 阅读

相关 jQuery Validate 扩展验证方法

/ jQuery Validate扩展验证方法 / $(function(){ / 整数 /

深藏阁楼爱情的钟/ 2022年12月16日 13:13/ 0 赞/ 190 阅读

相关【jquery扩展】jquery扩展方法extend(),以及扩展插件

这段时间看关于jquery自定义插件,扩展自己的插件看到了两篇感觉特别好的文章,于是转载过来. 第一篇转载地址,博客园的前辈写的：http://www.cnblogs.co

素颜马尾好姑娘i/ 2022年08月06日 09:28/ 0 赞/ 278 阅读

相关为JQuery扩展一个对象方法

应项目需求，对JQuery进行了一个扩展，需求如下：项目中需要在浏览器右下角提示操作错误和系统提示内容，并有滑动移出和关闭的效果，所以自己写了一个效果还可以的弹出框来。就是

妖狐艹你老母/ 2022年06月16日 02:55/ 0 赞/ 231 阅读

相关 JQuery为元素扩展方法

> 作者：西岭老湿 -------------------- 问题及效果: 想实现商城购物车中全选与反选功能，发现jq中并没有提供相应功能；类似这种jq中没有的功

╰+哭是因爲堅強的太久メ/ 2022年05月18日 02:51/ 0 赞/ 248 阅读

相关封装jQuery Validate扩展验证方法

一、封装自定义验证方法-validate-methods.js / jQuery Validate扩展验证方法 (linjq) / $(function(){

小咪咪/ 2022年05月13日 03:40/ 0 赞/ 226 阅读

相关 jquery字符串格式化扩展方法

js字符串格式化扩展方法 jQuery.extend({ format:function(){ if(arguments.length==0){

妖狐艹你老母/ 2022年05月09日 05:14/ 0 赞/ 269 阅读

相关 jquery扩展方法的两种形式

1. jQuery.extend：Query本身的扩展方法 2. jQuery.fn.extent(Object) jQuery 所选对象扩展方法 jQ

不念不忘少年蓝@/ 2021年09月15日 07:52/ 0 赞/ 348 阅读