jQuery noob：在另一个元素的悬停时更改元素的边框颜色

Question

我试着解释一下我的意思，但有一种更简单的方法：click here for jsfiddle exampl e。

基本上我希望div rfrsh_btn的边框颜色在productOptionsMenu悬停时更改。

我正在使用带有.noConflict var的jQuery，因为该站点也使用了Prototype。

jQuery的：

var $j = jQuery.noConflict();

$j(".productOptionsMenu").hover(
    function () {
        $j(#rfrsh_btn).css({"border-color":"#85c222"});
    };
);

谢谢：）

Answer 1

var $j = jQuery.noConflict();

$j(".productOptionsMenu").hover(
    // hover begin (mouse-in)
    function () {
        $j("#rfrsh_btn").css({"border-color": "#85c222"});
    },
    // hover end (mouse-out)
    function () {
        $j("#rfrsh_btn").css({"border-color": ""});
    }
);

而不是css()我建议分别使用addClass()和removeClass()。

Answer 2

对我来说是正确的，也许只需在

中添加缺少的引号

$j("#rfrsh_btn").css({"border-color":"#85c222"});

Answer 3

试试这个：

$j('.productOptionsMenu ').mouseover(function(){
  $j("#rfrsh_btn").css({"border-color":"#0000ff"});
});