cssa：jquery对象的链接

我想使用jQuery.css属性来设置链接的颜色属性。简单的方法是使用

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

但我已经定义了$el，并在其他多个地方使用了它

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

我仍然可以通过重用$el和一些其他代码来访问a:link a:visted a:hover a:active属性吗

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

谢谢。

如果$el在您希望使用它的位置的范围内，它可以被重用。如果$el不在范围内，您需要重新分配它。

如果$el在您希望使用它的位置的范围内，则可以重新使用它。如果$el超出范围，则需要重新分配它

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

编辑：将此解决方案应用于JSFIDLE：

另外，不确定使用：visted、：hover、：active伪选择器是什么意思。jQuery选择器用于查询DOM，而不是用于依赖于状态的样式。即使在CSS中，这些伪选择器都选择相同的DOM节点，它们只是根据状态应用不同的样式

编辑：将此解决方案应用于JSFIDLE：

另外，不确定使用：visted、：hover、：active伪选择器是什么意思。jQuery选择器用于查询DOM，而不是用于依赖于状态的样式。即使在CSS中，这些伪选择器都选择相同的DOM节点，它们只是根据状态应用不同的样式。

如果您对$el所做的只是分配CSS属性，那么您甚至不需要使用该变量。试试下面的方法

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

或者，如果$el当前定义为test，则它指向id为test的元素，您可以这样做

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

如果您对$el所做的只是分配css属性，那么您甚至不需要使用该变量。试试下面的方法

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

或者，如果$el当前定义为test，则它指向id为test的元素，您可以这样做

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

---

使用jQuery的.children选择器方法，您可以为jQuery提供一个选择器，以便对给定父元素的子元素进行操作，如下所示：

---

$el.children'a:link'

使用jQuery的.children选择器方法，在该方法中，您为jQuery提供一个选择器，以对给定父元素的子元素进行操作，如下所示： $el.children'a:link'

jQuery采用一种允许您在现有结果中搜索的方法：

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

上下文可以是DOM元素、文档或jQuery对象。

jQuery采用允许您在现有结果内搜索的方式：

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

---

上下文可以是DOM元素、文档或jQuery对象。

他最初的选择器test a:link允许锚定在test下面的n级。此示例要求它是直接子对象。使用.find将允许更深层的层次结构。他最初的选择器test a:link允许锚定在test下面的n个级别。此示例要求它是直接子对象。使用.find将允许更深层的层次结构。