如何在JavaScript中创建自己的类jQuery函数？

Question

如何创建一个看起来像jquery回调$

的函数

假设我想调用id =“mydiv”的元素。

我希望能够像

一样调用它

var div = $("mydiv").value;

我认为该功能应该像

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

这是正确的方法，还是您更喜欢另一种解决方法？

Answer 1

您可以采取以下三种方式之一：

本地范围：

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

或

var $ = function(element)
{
  return  document.getElementById(element);
}

或者如果您需要在全局范围中定义它：

window.$ = function(element)
{
  return  document.getElementById(element);
}

如果您已包含jQuery，则在全局范围内定义$将覆盖它。使用jQuery.noConflict可以避免这种情况。

Answer 2

jQuery实际上返回一个自定义对象，因此你可以调用$（'＃id'）。someJqueryFunction（）。如果您只想要document.getElementById的快捷方式，

var $ = document.getElementById;

应该足够了。