Question

大家好我想拥有像JQuery选择器这样的东西。我的意思是：

JQuery有一个这样的选择器：

$("#exampleID").JQexampleMethod();

我希望我班上有类似的东西。例如

selector("#exampleID").MYexampleMethod();

但我无法知道如何做到这一点。我知道如何创建类并定义它们。但无法实现我的需求。到目前为止，我所做的是：

var class = new TestClass();
class.selector("#exampleID").MyExampleMethod();

Answer 1

jQuery使用Sizzle library来评估选择器。

Answer 2

复制jQuery并不容易，因为它包含针对跨浏览器问题甚至整个选择器库的各种修复。

那就是说，如果你忽略这些问题，一个简单的原型可以如下：

var selector = function(selector) {
  var res = document.querySelectorAll(selector);  // fetch elements
  res.myExampleMethod = function() {  // add a method
    return res.length;
  };
  return res;
};

您可以按如下方式使用它：

selector("p").myExampleMethod();  // e.g. 12

javascript JQuery类似的选择器

2 个答案: