Селектор jquery, выполненный на поддереве DOM (как в базовой линии)

Question

По умолчанию объект jQuery $ позволяет запускать селектора по всему дереву DOM. Тем не менее, Backbone (который полагается на jQuery) позволяет запускать селектор не по целому (глобальному) DOM, $, но также и по локальному скелету (this.$ в представлениях на основной линии). Это просто быстрее, так как мы не пересекаем все дерево DOM, а только его часть.

Вопрос: как достичь этого в чистом jQuery (без позвоночника)? Будет оценен пример кода.

Answer 1

Вы используете find:

$(someElement).find("selector").doSomething(); 

Там же, вероятно, чтобы быть устаревшим-на-какой стадии форме вы будете иногда видеть людей, используя который выглядит следующим образом:

$("selector", someElement).doSomething(); 

... но буквально все jQuery делает с этим поворот и звонит find.

Пример глядя в DIV для диапазона с заданным классом:

// Get the div 
 
var div = $("#the-div"); 
 

 
// Find the span within it, turn it green 
 
div.find(".foo").css("color", "green");

<div id="the-div"> 
 
    <span>Not this one.</span> 
 
    <span class="foo">This one.</span> 
 
</div> 
 
<div> 
 
    <span>Not this one.</span> 
 
    <span class="foo">Not this one either, despite it having the class; it's in the wrong div.</span> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>