重新创建jQuery的选择器

Question

我正在尝试重新创建jQuery的id和classname选择器。这是我到目前为止所做的：

function $(id) {
    return document.getElementById(id);
}

如果我有一个元素<div id="fire">Fire</div>，那么我可以通过以下方式调用它：

$('fire').style.fontSize = '36px';

这非常有效，但是，我希望将其扩展为分别使用#和.的id和classname。我尝试过的东西不起作用：

http://jsfiddle.net/6t58Lc7v/

Answer 1

小提琴中的示例不起作用，因为它正在寻找ID为“#fire”（带＃字符）的元素。你需要省略这个字符：

function $(id) {
    if (id.indexOf('#') == 0) {
        return document.getElementById(id.substring(1));
    }
}

http://jsfiddle.net/6t58Lc7v/1/