jquery - jQuery noob：別の要素にカーソルを合わせたときに要素の境界線の色を変更する

Question

私が何を意味するのかを説明しようとしますが、もっと簡単な方法があります。jsfiddleの例についてはここをクリックしてください。

rfrsh_btn基本的に、divにカーソルを合わせると、divの境界線の色を変更したいと思いproductOptionsMenuます。

このサイトもPrototypeを使用しているため、.noConflict変数でjQueryを使用しています。

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"});
});