jQuery自定义插件

忘是亡心i 2021-11-26 22:46 417阅读 0赞

很久没接触jQuery了，陌生到连我自己都不认识自己了。刚好有人问到，那现在温习一下jQuery自定义插件：

浅谈jQuery编写插件的两种方法：

**第一种：$.extend形式：**

注意：

为避免$标识符被重新定义，出现冲突，导致无法使用

通常在匿名函数中以$作为形参，在调用时用jQuery作为实参

(function($){
        $.extend({
            Address:function(){
                console.log("噢，我渐渐的喜欢上东莞了");
            }
        });
    })(jQuery);

接着在引用Address():

function GetAddress(){
                $.Address();
            }

看console输出就是：

![1575278-20190629122855637-1390248021.png][]

**第二种： $.fn.extend形式**

(function($){
        $.fn.extend({
            Job:function(){
                console.log("噢，我在搬砖");
                return this; 
            }
        });
    })(jQuery);

接着调用$().Job()

function GetJob(){
                // console.log($().Job())
                $("#job").Job().css("background","red");

看输出

![1575278-20190629124641263-310391845.png][]![1575278-20190629124807705-214833637.png][]

就是如此，简单吧。

转载于:https://www.cnblogs.com/lwming/p/11106322.html

[1575278-20190629122855637-1390248021.png]: /images/20211126/8de189aa69aa4b5ab3e8eb4fbad12bc1.png
[1575278-20190629124641263-310391845.png]: https://img2018.cnblogs.com/blog/1575278/201906/1575278-20190629124641263-310391845.png
[1575278-20190629124807705-214833637.png]: /images/20211126/1c9fff9e32ec4b38a23d71091264c98d.png

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery自定义插件

您查询的关键词是： [jquery][] [自定义插件][Link 1] 。如果打开速度慢，可以尝试 [快速版][Link 2]；如果想保存快照，可以 [添加到搜藏][Link

柔情只为你懂/ 2022年10月02日 04:44/ 0 赞/ 247 阅读

相关 jQuery自定义插件

总结： jQuery编写插件的两种方法 1.添加jQuery对象级的插件，是给jQuery类添加方法写法： ;(function($){ $.fn.

比眉伴天荒/ 2022年08月26日 00:53/ 0 赞/ 237 阅读

相关 jQuery自定义内容滚动条插件

使用方法：首先下载插件：[http://manos.malihu.gr/jquery-custom-content-scroller/][http_manos.mali

深藏阁楼爱情的钟/ 2022年08月18日 11:55/ 0 赞/ 451 阅读

相关自定义jQuery插件Step by Step

随着前端和后端技术的分离，各大互联网公司对于Mobile First理念都是趋之若鹜的，为了解决网页在不同移动设备上的显示效果，其中一个解决方案就是Responsive Des

绝地灬酷狼/ 2022年08月02日 09:38/ 0 赞/ 237 阅读

相关 jQuery自定义插件

总结： [jQuery][]编写插件的两种方法 1.添加jQuery对象级的插件，是给jQuery类添加方法写法： 1. (function($)\{ 2.

小灰灰/ 2022年07月24日 06:28/ 0 赞/ 276 阅读

相关 jQuery自定义插件

jQuery是一个功能强大的库，提供了开发JavaScript项目所需的所有核心函数。然而，有时候我们还是需要使用自定义代码来扩展这些核心函数来提高开发效率。 jQuery

╰半夏微凉°/ 2022年07月19日 00:28/ 0 赞/ 287 阅读

相关 jquery自定义插件

$.fn.hello = function()\{ alert("hello" + this.val()); return th

淡淡的烟草味﹌/ 2022年06月10日 03:18/ 0 赞/ 272 阅读

相关《jQuery 自定义插件》

1. 插件机制简介往jquery类库里面去扩展方法，这类方法就是jquery插件 2. json的三种格式（学习jQuery的基础） 2.1 对象 $(fu

Dear 丶/ 2022年05月11日 03:42/ 0 赞/ 357 阅读

相关 jQuery自定义插件

1.对象级别的插件开发，即给jQuery对象添加方法，封装对象方法的插件，如:parent()、appendTo() 2.一种是类级别的插件开发，即给jQuery添加新的全局

你的名字/ 2021年12月21日 18:23/ 0 赞/ 455 阅读

相关 jQuery自定义插件

很久没接触jQuery了，陌生到连我自己都不认识自己了。刚好有人问到，那现在温习一下jQuery自定义插件：浅谈jQuery编写插件的两种方法：第一种：$.extend

忘是亡心i/ 2021年11月26日 22:46/ 0 赞/ 418 阅读