JQuery-相当于原型(prototype) Down()-函数

Question

我正在将一个 web 应用程序从原型(prototype)移植到 jquery，其中我经常使用原型(prototype) Down() 函数。 (选择给定元素的第一个子元素)

浏览一下 JQuery-api，执行此操作的方法之一是:

原型(prototype):$('abc').down();jquery: $('abc').children().first();

但是，由于这首先获取所有子项并随后应用过滤器，所以我怀疑它对于这个用例是否有效。

有什么更好的方法吗？

Answer 1

您可以扩展 jQuery，并添加一个 down() 函数，如下所示:

(function($) {
  $.fn.down = function() {
    return $(this[0] && this[0].children && this[0].children[0]);
  };
})(jQuery);

这样您就不必更改代码中的任何内容。

您可以现场观看jsFiddle example .
您还可以在jsPerf中查看性能比较。 .
它表明这比其他答案中提供的方法更快(慢了 40% 到 70%)。

编辑:
根据实际原型(prototype)实现改编的替代版本。 这甚至更快(25%)

(function($) {
  $.fn.down = function() {
    var el = this[0] && this[0].firstChild;
    while (el && el.nodeType != 1)
      el = el.nextSibling;
    return $(el);
  };
})(jQuery);