如何使用javascript控制css子属性？

我熟悉如何在函数中使用js设置css id的属性：

idOfMyCSSElement.setAttribute("style","color: #122362;");

我想知道如何将嵌套div或其他没有自己id的js元素作为目标

在css中，我可以通过指定以下内容以嵌套div为目标：

#idOfMyCSSElement div {border: thin solid red;}

因此，如果我可以在js中这样做，以said div为目标，那就太好了：

idOfMyCSSElement.div.setAttribute("style","color: #122362;");

但我不知道我当时在做什么。那只是我的猜测。我认为我应该使用不同的方法

我还想针对css悬停状态属性：

#idOfMyCSSElement:hover {color: yellow;}

---

有没有一种方法可以在调用JS函数时将黄色属性作为JS的目标，并将其设置为其他颜色？

使用jquery可以这样做：

$("#idOfMyCSSElement div").css("color","#122362");

编辑：

您可以模拟悬停伪类，如下所示：

  $('.someclass').hover( function(){
      $(this).css('background-color', '#F00');
   },
   function(){
      $(this).css('background-color', '#000');
   });

编辑2： 假设您计划更改其颜色的元素具有类别

htmlElementsToChangeColor然后可以执行以下操作以应用更改：

$("#myButton").click(function(){
     $(".htmlElementsToChangeColor").css("color","your color code");
});

---

使用jquery可以这样做：

$("#idOfMyCSSElement div").css("color","#122362");

编辑：

您可以模拟悬停伪类，如下所示：

  $('.someclass').hover( function(){
      $(this).css('background-color', '#F00');
   },
   function(){
      $(this).css('background-color', '#000');
   });

编辑2： 假设您计划更改其颜色的元素具有类别

htmlElementsToChangeColor然后可以执行以下操作以应用更改：

$("#myButton").click(function(){
     $(".htmlElementsToChangeColor").css("color","your color code");
});

---

简单的方法是使用jQuery

---

非jQuery的方法是使用。

简单的方法是使用jQuery

---

非jQuery的方法是使用。

可能重复的可能重复的感谢-是纯jQuery代码，如中所示，我可以将其插入到一个普通的js函数中，它就会发生。我刚刚开始使用jquery，有时对它如何与普通js混合有点不确定。返回一个数组。另外，这对定位css悬停状态也有效吗？不，我认为它还不支持像：hover这样的伪类，但您可以通过jquery处理悬停事件并将特定样式应用于元素。jquery是非常有用的库，具有最小的学习曲线。我保证，你可以很快学会它。谢谢-这是纯jquery代码，就像我可以把它插入到一个普通的js函数中一样，它会发生的。我刚刚开始使用jquery，有时对它如何与普通js混合有点不确定。返回一个数组。另外，这对定位css悬停状态也有效吗？不，我认为它还不支持像：hover这样的伪类，但您可以通过jquery处理悬停事件并将特定样式应用于元素。jquery是非常有用的库，具有最小的学习曲线。我保证，你很快就能学会。谢谢你的回复，马特，谢谢你的回复，马特