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

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経由で編集可能）

Answer 2

更新日：

あなたは "マウスオーバー" とマウスアウト」の代わりに、コマンド "ホバー" を使用し、属性セレクタでアスタリスクを使用することができます

：

例：

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