Ограничение ярлыка jQuery для конкретного узла DOM

Question

Я хочу ограничить jQuery определенным пространством имен или узлом DOM. В настоящее время, что я делаю что-то Лик это на каждой линии

$('a' , $node).addClass(); 
$('li' , $node).removeAttr(); 
$('div#q' , $node).hide(); 

И так далее .. Есть ли ярлык/метод, который я могу указать, после чего объем объекта JQuery будет ограничено $node.

Answer 1

Вы можете напрямую изменить метод $.

Назначьте $ функции, возвращающей $ node.find(), и все готово.

jQuery(function($){ 
     var $node = $('div'); 
     var _$ = $; 

     $ = function(selector){ 
      return $node.find(selector); 
     }; 

     $('p:first').fadeOut(); 

     // Return $ to its previous owner 
     $ = _$; 
    }); 

jsfiddle: http://jsfiddle.net/pmYRw/1/

Answer 2

Вы можете приковать свои методы, таким образом, вы только написать селектор один раз:

$('a' , $node).addClass('aclass').removeAttr('rel').hide(); 

или же сохранить ссылку в переменной для повторного использования его:

var a = $('a' , $node); 
a.addClass('aclass'); 
a.removeAttr('rel'); 
a.hide(); 

Answer 3

вместо $ узла (который я предполагаю, что это уже созданный объект jquery), вы можете просто написать его как строку:

$('a', '#main') #≠> all anchor tags under element with main as id 

$('a', '#main li') #≠> all anchor tags al li's under element with main as id 

вы c а также сначала запрограммировать основной элемент, а затем выполнить поиск в его подкатегории:

var main = $('#main'); 
main.find('a'); 
main.find('li a'); 

это будет намного более результативно.

Answer 4

$('a' , $node).addClass(); 
$('a' , $node).removeAttr(); 
$('a' , $node).hide(); 

, а не привязывать $ ('a', $ node) несколько раз, когда вы можете кэшировать эту переменную и использовать ее, как показано ниже. Это также улучшит вашу производительность.

var node = $('a' , $node); 
node.addClass(); 
node.removeAttr(); 
node.hide(); 

Мы можем улучшить этот код немного больше, приковав их, как показано ниже

var node = $('a' , $node); 
node.addClass().removeAttr().hide(); 

повторного использования переменного и цепочки JQuery будет иметь огромное влияние на вас код.