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

Question

我会尝试解释我的意思，但有一种更简单的方法：单击此处查看 jsfiddle 示例。

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

我将 jQuery 与 .noConflict var 一起使用，因为该站点也使用 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()and removeClass()。

Answer 2

对我来说看起来是正确的，也许只是添加缺少的引号

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

Answer 3

试试这个：

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