我正在玩jQuery插件开发,我想链接方法。我在jQuery教程(https://learn.jquery.com/plugins/basic-plugin-creation/)中读到,你可以通过在方法的末尾添加return this;
来链接方法,这适用于第一种方法(测试1)。如何使用console.log
的第二种方法(测试2)?所有方法都可以链接吗?
// test 1
$.fn.greenify = function () {
this.css('color', 'green');
return this;
};
// test 2
$.fn.console = function () {
this.on('click', function () {
console.log('hello world');
});
};
$('a').greenify().console();
答案 0 :(得分:1)
第二种方法应该返回jQuery实例。事件处理程序使用console.log
函数的事实与该方法的返回值无关。当on
返回jQuery对象时,您可以编码:
$.fn.console = function () {
return this.on('click', function () {
console.log('hello world');
});
};
现在console
方法可以链接!