javascript - Jquery 方法？

Question

我经常看到这样的代码:

  $(document.documentElement).keyup( function(event) {
    var slides = $('#slides .pagination li'),
        current = slides.filter('.current');

    switch( event.keyCode ) {
      case 37: // Left arrow
        if ( slides.filter(':first').is( current ) ) {
          slides.filter(':last').find('a').click();
        } else {
          slides.eq( slides.index(current) - 1 ).find('a').click();
        }
        break;
      case 39: // Right arrow
        if ( slides.filter(':last').is( current ) ) {
          slides.filter(':first').find('a').click();
        } else {
          current.find('+ li').filter(':first').find('a').click();
        }
        break;
    }
  });

对于像这样的一行:current = slides.filter('.current');，.filter() 是一个 jquery 方法，对吧？那不应该是current = $(slides).filter('.current');。

它是否按照代码中的方式工作？为什么？

Answer 1

slides 是一个 jQuery 对象，因此您不需要像处理 DOM 对象那样将其包装在 $() 中。

因此 slides.filter('.current') 的工作方式类似于 $('#slides .pagination li').filter('.current')。跟踪您的对象是否为 jQuery 选择器、jQuery 对象和/或 DOM 对象很重要。

有些人喜欢将他们的 jQuery 对象命名为 var $slides 作为心理注释。