javascript JQuery相似选择器

javascript JQuery相似选择器,javascript,jquery,class,methods,selector,Javascript,Jquery,Class,Methods,Selector,大家好,我想要一些类似JQuery选择器的东西。我的意思是: JQuery有如下选择器: $("#exampleID").JQexampleMethod(); 我想为我的班级准备一些类似的东西。比如说 selector("#exampleID").MYexampleMethod(); 但我不知道怎么做。我知道如何创建类并定义它们。但不能满足我的需要。到目前为止,我所做的是: var class = new TestClass(); class.selector("#exampleID").M

大家好,我想要一些类似JQuery选择器的东西。我的意思是:

JQuery有如下选择器:

$("#exampleID").JQexampleMethod();
我想为我的班级准备一些类似的东西。比如说

selector("#exampleID").MYexampleMethod();
但我不知道怎么做。我知道如何创建类并定义它们。但不能满足我的需要。到目前为止,我所做的是:

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

jQuery使用评估选择器。

jQuery使用评估选择器。

复制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
您可以按如下方式使用它:

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

复制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
您可以按如下方式使用它:

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

您想创建jQuery插件吗?也就是说,为匹配给定选择器的所有元素调用
MyExampleMethod
?不,我不想创建jquery插件。我想有我自己的类,使用类似的方法你想创建一个jQuery插件吗?也就是说,为匹配给定选择器的所有元素调用
MyExampleMethod
?不,我不想创建jquery插件。我希望自己的类使用类似的方法,除非
querySelectorAll
可用。不管哪个库使用这种方法。我就是不知道如何为我的孩子们创造类似的生活class@Irakli:库不使用该方法,它提供了该方法。这是jQuery用来获取功能的方法。除非
querySelectorAll
可用。它不在乎哪个库使用这种方法。我就是不知道如何为我的孩子们创造类似的生活class@Irakli:库不使用该方法,它提供了该方法。这就是jQuery用来获取功能的方法。这就是我需要的答案。感谢你,它只在IE8和更高版本中得到支持:如果你需要支持IE7,你需要使用像Sizzle这样的库。它不管用,我会找到一些修复方法。这就是我需要的答案。感谢你,它只在IE8和更高版本中受支持:如果你需要支持IE7,你需要使用像Sizzle这样的库。它不管用,我会找到一些修复方法