jquery - jqueryマウスオーバーの質問

Question

私はこのコードを持っています:

$("div[id^='intCell']").mouseover(function() {
    $(this).css({ "border:","1px solid #ff097c"});
}).mouseout(function() {
    $(this).css({"border:","1px solid #000"});
})

しかし、私はそれを機能させることができません！HTMLには、intCell_1、intCell_2などのIDを持つためにphpによって生成されるdivのリストがあります。何かアイデアはありますか?

Answer 1

更新しました：

「mouseover」と「mouseout」の代わりにコマンド「hover」を使用し、属性セレクターでアスタリスクを使用できます。

例：

$("div[id*='intCell']").hover(function() {
 $(this).css({border:"1px solid #ff097c"});
},
function() {
 $(this).css({border:"1px solid #000000"});
});

Answer 2

CSS オブジェクト リテラルの構文が正しくありません。

そのはず：

$("div[id^='intCell']").mouseover(function() {
        $(this).css({ "border": "1px solid #ff097c"}); // <-- This syntax was wrong
}).mouseout(function() {
        $(this).css({"border": "1px solid #000"}); // <-- This syntax was wrong
})

作業サンプル: http://jsbin.com/iyoba ( http://jsbin.com/iyoba/editで編集可能)