jquery鼠标的问题

Question

我有这个代号：

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

但我不能让它工作!在html有一个列表中的div其产生的php有id intCell_1,intCell_2等。任何想法？

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