Javascript jQuery来更新实际的CSS

首先：我知道jQuery.css（）函数，但在我的例子中它不起作用。我会解释原因的

我有一个jQuery颜色选择器，用于更改网站的突出显示。我想将该颜色选择器应用于仅在悬停时显示的元素的边框

函数jQuery.css（）只将css应用于它找到的元素，而不适用于

：hover

css属性

我尝试添加一个CSS类，在悬停时切换该类，但它返回到相同的问题：我尝试只更改悬停值

一定有办法做到这一点，但我已经在StackOverflow和Google上搜索了一个多小时了，所以我调用了使用事件来获得相同的结果

$('selector').hover( function(){
    //A function to execute when the mouse pointer enters the element.
    $(this).css('property','value');
}, function(){
    //A function to execute when the mouse pointer leaves the element.
    $(this).css('property','value');
});

使用事件获得相同的结果

$('selector').hover( function(){
    //A function to execute when the mouse pointer enters the element.
    $(this).css('property','value');
}, function(){
    //A function to execute when the mouse pointer leaves the element.
    $(this).css('property','value');
});

---

我加上这个作为另一个答案

如果您需要动态更改CSS，那么您的CSS有问题。非常奇怪的是，您需要一个定义，不能使用类进行切换，必须动态生成

---

假设您有一个小部件，它可以处于两种模式：非活动或活动。当它处于活动状态时，其中的元素应该在视觉上响应悬停事件，当它不处于活动状态时，它们就不应该响应悬停事件

<div id="my-widget" class="my-widget-container">
    <div class="element">Something to look at</div>
</div>

您可以通过以下方式切换模式：

$("#my-widget").addClass("active");

这将激活当前显示为交互的元素的

：hover

行

如果我对你的情况有更多的了解，也许我能找到一个合适的解决办法

---

---

另外，

jQuery.css

的名称不好，也许

jQuery.style

会是一个更好的名称，因为它正是这样做的。

我将添加这个作为一个替代答案

如果您需要动态更改CSS，那么您的CSS有问题。非常奇怪的是，您需要一个定义，不能使用类进行切换，必须动态生成

---

假设您有一个小部件，它可以处于两种模式：非活动或活动。当它处于活动状态时，其中的元素应该在视觉上响应悬停事件，当它不处于活动状态时，它们就不应该响应悬停事件

<div id="my-widget" class="my-widget-container">
    <div class="element">Something to look at</div>
</div>

您可以通过以下方式切换模式：

$("#my-widget").addClass("active");

这将激活当前显示为交互的元素的

：hover

行

如果我对你的情况有更多的了解，也许我能找到一个合适的解决办法

---

---

另外，

jQuery.css

的名称不好，也许

jQuery.style

会是一个更好的名称，因为它正是这样做的。

您尝试过使用悬停事件吗？是的，但是我应该在哪里应用呢？如果我将代码放在updateColor（color）函数中（当您更改颜色选择器时会调用该函数），那么即使您停止悬停，它也会应用颜色。如果我的回答没有解释所有问题，请提供颜色选择器的代码。您尝试过使用悬停事件吗？是的，但是我应该在哪里应用呢？如果我将代码放在updateColor（color）函数中（当您更改颜色选择器时会调用该函数），那么即使您停止悬停，它也会应用颜色。如果我的答案不能解释所有问题，请提供颜色选择器的代码。handlerIn/handlerOut给了我一个Javascript错误，但是你给了我一个想法，用.mouseover和.mouseleave代替，这很有效！谢谢大家!@我删除了handlerIn/handlerOut，修复了错误$（选择器）.hover与$（选择器）.mouseenter（handlerIn.mouseleave（handlerOut）相同；因此，它的偏好，你使用。真棒，感谢伟大的信息（和快速反应）！handlerIn/handlerOut给了我一个Javascript错误，但是你给了我使用.mouseover和.mouseleave的想法，这很有效！谢谢大家!@我删除了handlerIn/handlerOut，修复了错误$（选择器）.hover与$（选择器）.mouseenter（handlerIn.mouseleave（handlerOut）相同；因此，它的偏好，你使用。真棒，感谢伟大的信息（和快速反应）！问题在于，需要通过Javascript颜色选择器动态更改

：hover

上的

背景色。我很有可能做错了什么，但这就是为什么我没有看到添加一个新的CSS类作为答案。（顺便说一下，这是我的颜色选择器：）问题是
：hover
上的
背景色需要通过Javascript颜色选择器动态更改。我很有可能做错了什么，但这就是为什么我没有看到添加一个新的CSS类作为答案。（顺便说一下，这是我的颜色选择器：）