javascript - JavaScript 内联对象操作类和函数冲突

Question

我正在尝试创建一个内联类，该类在其构造函数中获取元素 id，并立即调用该类的子函数。

我得到了styleit not a function：但这是一堂课。

但我需要它作为函数，就像 jQuery 一样：

$('.hidden').show();

这是我的代码：

var styleit = function(elem) {
    this.el = document.getElementById(elem);

    this.green = function() {
        this.el.style.color = 'green';
    }

    this.red = function() {
        this.el.style.color = 'red';
    }
}

像这样激活：

<a href="#" id="theid" onclick="styleit('theid').green();">style me</a>
<a href="#" id="theid2" onclick="styleit('theid2').red();">style me</a>

Answer 1

试试这样的东西（这是 jQuery 实现它的 $ 的方式）：

window.styleit = function(x) {

    return new _styleit(x);

};

jsFiddle 演示