轻量级替代jQuery的类/ ID选择

比方说，我想建立一个非依赖的JavaScript框架/脚本。是否有利用jQuery的惊人类和元素选择功能轻量级替代jQuery的类/ ID选择

$('.this') or $('#this') or $('div', '.this')

，而不依赖于jQuery的或使用jQuery，如果它是可用的，但如果没有，它的工作原理没有它的方法吗？我已经搜索了这个高低。也许我，因为我已经得到最接近的搜索不正确的是：

Selecting elements without jQuery

然而，这并不像深入，我想或类似的，因为我想jQuery的。我曾经想过通过jQuery源代码挖掘并将它拆分出来并使用它，但是我希望有人已经这样做了，而我只是在错误的地方寻找并且别人知道它。

更新

这已在几个方面回答，并感谢您的快速回复。我正在用错误的方法搜索。我终于来到：https://github.com/ded/qwery

不过这里这个答案做这项工作完美： Lightweight alternative to jQuery for class/id selecting

来源

2011-10-13 Nijikokun

我不知道为什么你不能只使用jQuery？直到像这样的功能以标准方式（HAH！）嵌入到浏览器中，您就会被困在使用像jQuery这样的工具库中。 – SoWeLie

这是一个脚本，你不需要依赖jQuery，但可以使用它（如果可用）。并不是每个人都使用jQuery，我想挖掘这个源代码，在我开始编写代码之前，我希望已经有了这样的东西。 – Nijikokun

如果你确实需要使应用程序轻量级，那么不要使用内置的jQuery。在网上搜索一个专为dom导航和操作而设计的框架。这里有几十个框架，我确信有一个框架可以很好地满足你的需求。 –

在一切，但IE6和IE7，你可以使用document.querySelectorAll或someElement.querySelectorAll执行类似的选择功能。

更新更多细节：

它看起来像ZeptoJS执行以下步骤。这用来$$(document, '#myid')，$$(document, '.myclass')，$$(document, 'div')快捷功能和慢速搜索$$(document, 'div > .myclass')

var classSelectorRE = /^\.([\w-]+)$/, 
    idSelectorRE = /^#([\w-]+)$/, 
    tagSelectorRE = /^[\w-]+$/; 

$$ = function(element, selector){ 
    var found; 
    return (element === document && idSelectorRE.test(selector)) ? 
    ((found = element.getElementById(RegExp.$1)) ? [found] : []) : 
    Array.prototype.slice.call(
     classSelectorRE.test(selector) ? element.getElementsByClassName(RegExp.$1) : 
     tagSelectorRE.test(selector) ? element.getElementsByTagName(selector) : 
     element.querySelectorAll(selector) 
    ); 
}

来源

2011-10-13 03:33:30

然而，在'slice.call'之前有一个语法问题，你缺少'[] .' – Nijikokun

这是真的。这是一个剪切和粘贴。 Zepto定义了'emptyArray = []，slice = emptyArray.slice'。我会更新上面的代码。 –