动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

自定义jQuery插件

07-07 09:09 1154浏览
举报 T字号
  • 大字
  • 中字
  • 小字

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

第一种:$.extend形式:

注意:

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

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

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

接着在引用Address():

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

看console输出就是:

第二种: $.fn.extend形式

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

接着调用$().Job()

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

看输出

     

动力节点在线课程涵盖零基础入门,高级进阶,在职提升三大主力内容,覆盖Java从入门到就业提升的全体系学习内容。全部Java视频教程免费观看,相关学习资料免费下载!对于火爆技术,每周一定时更新!如果想了解更多相关技术,可以到动力节点在线免费观看jQuery视频教程学习哦!

0人推荐
共同学习,写下你的评论
0条评论
杨晶珍
程序员杨晶珍

98篇文章贡献357785字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

JavaWeb的3大组件

代码小兵49806-11 15:28

全面解析Cookie技术

代码小兵49806-11 15:51

浅谈JavaWeb架构演变

代码小兵49806-11 16:22

探讨Web开发中的Session存储与管理

代码小兵51603-29 17:28

JavaScript基础知识

 暴风城-小飞04-06 20:49

发评论

举报

0/150

取消