javascript - jquery插件 写不出来,求帮忙 在线等!!!
怪我咯
怪我咯 2017-04-10 15:42:10
[JavaScript讨论组]

比如我想要有个jquery插件拥有
$("#a").my() //执行alert(1);
$("#a").my.ok() //执行alert("ok");
$("#a").my.beiju() //执行alert("beiju");

这个怎么写?
但是我想他们的$(this)对象都为$("#a")

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
天蓬老师

定义

Object.defineProperty($.fn, "my", {
    get: function() {
        var _this = this;
        var my = function() {
            alert("1 " + this.text());
            console.log("my", this);
            return this;
        }.bind(this);

        my.ok = function() {
            alert("ok " + this.text());
            console.log("ok", this);
            return this;
        }.bind(this);

        my.beiju = function() {
            alert("beiju " + this.text());
            console.log("beiju", this);
            return this;
        }.bind(this);

        return my;
    }
});

测试

// $("#a").my();
// $("#a").my.ok();
// $("#a").my.beiju();

$("#a").my().my.ok().my.beiju();

JsFiddle

http://jsfiddle.net/rq50h6e7/

PHP中文网

函数本身也是对象,直接加属性就行

var my = function() {
    alert(1);
}
my.ok = function() {
    alert("ok");
}
//beiju 同上
$.fn.my = my

发现绑定 this 真有点麻烦,再想想

Object.defineProperty($.fn, "my", { 
    get: function () { 
        var my = function() {
            alert(1);
        }
        my.ok = function() {
            return this
        }.bind(this[0]);
        
        return my
    } 
});

$('body').my.ok() == $('body')[0] //true

自己才疏学浅,勉强想了这么个法子,不知道有没有高人教我

伊谢尔伦

你该了解一下jqery的插件写法

$.fn.my=function(){
    alert(1)
}

$('#box').my()

$.fn,$.fn.extend()$.fn.extend()

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号