jquery .css a: ссылка на объект jquery

Question

Я хочу использовать свойство jQuery.css (), чтобы закрасить свойство ссылки. Прямой способ будет использовать

var $el = $("#test a:link"); //don't want to use this
$el.css({"color"  : "red"});

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

var $el = $("#test"); 

Могу ли я по-прежнему получать доступ к свойствам a: link a: посещения a: hover a: active, повторно используя $ el в сочетании с другим кодом?

($el/*other code to access a:link of #test*/)
.css({"color"  : "red"});

http://jsfiddle.net/RUYfZ/1/ Спасибо.

Answer 1

jQuery принимает необязательный параметр 'context' , позволяющий искать внутри существующего результата:

var $el = $("#test"); 
$('a:link', $el).css({"color"  : "red"});

Контекст может быть элементом DOM, документом или объектом jQuery.

Answer 2

$el.find('a:link').css('color', 'red');

<ч /> редактировать: применил это решение к вашему jsfiddle: http://jsfiddle.net/RUYfZ/3/

Кроме того, не уверены, что вы имеете в виду, используя псевдоселекторы: visit,: hover,: active. Селекторы jQuery используются для запроса DOM, а не для стилей, зависящих от состояния. Даже в CSS все эти псевдо-селекторы выбирают одни и те же узлы DOM, они просто применяют разные стили в зависимости от состояния.

Answer 3

Если все, что вы делаете для $el, это присваивает свойства css, вам даже не нужно использовать переменную.Попробуйте следующее

$('#test a:link').css('color', 'red')

Или, если $ el в настоящее время определено как #test (оно указывает на элемент с помощью теста id), вы можете сделать

$('a:link', $el).css('color', 'red')

Answer 4

Используйте метод селектора jQuery .children (), где вы даете jQuery селектор для работы с дочерними элементами данного родительского элемента, например: $el.children('a:link')

Answer 5

Если $el находится в области действия в месте, где вы хотите его использовать, его можно использовать повторно. Если $el находится вне области видимости, вам нужно будет назначить его снова.