jquery鼠标悬停问题

我有以下代码：

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

但是我不能让它工作！在html中有一个由php生成的div列表，其ID为intCell_1、intCell_2等。

---

有什么想法吗？

更新：

您可以使用命令“hover”代替“mouseover”和“mouseout”，并在属性选择器中使用星号：

例如：

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

---

您的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
})

$（“div[id^='intCell']）。鼠标悬停（函数（）{
$（this.css（{“border”：“1px solid 35; ff097c”}）//您的代码看起来不错。您尝试过console.log（$（this））吗；在你的mouseover函数中查看对象是否被悬停？看起来像brianpeiris所说的css文本中的问题，但是使用hover命令而不是mouseover和mouseout。Mike，你能解释一下我是怎么做的吗？我已经尝试了下面的三个答案，尽管我能看到dif在哪里，但恐怕没有一个能解决问题来自不同的方法。@musoNic80-Hmm，我90%肯定我的答案会解决它。也许问题比您目前描述的更复杂。请注意，在您的代码中，您应该在css中编写如下颜色“#000000”而不是“#000”"谢谢brianpeiris，我已经从你设置的示例中复制了代码，但它仍然不适用于我。我能想到的另一件事是，div是由一个php脚本生成的，我通过require_once命令包含在页面中。这会影响什么吗？它不应该影响它。只要div在源代码中，browser收到它，它应该可以工作。请确保您将代码放在“document ready”包装器中，如：$（document）.ready（function（）{/*您的代码应该放在这里*/}）如果您可以向我们展示一些HTML源代码，将更容易帮助您。（也许您可以在jsbin.com上重新创建问题，然后与我们共享公共URL）感谢您重新创建此问题。您链接到的示例中的代码有HTML语法错误。包含jquery代码的脚本标记在type属性中缺少一个引号。对此进行更正似乎可以解决此问题。非常感谢！我不敢相信事情会这么简单！还感谢您向我介绍jsbin.com-我认为这可能会解决问题这是一个非常有用的工具。现在尝试编写我的第一个AJAX请求。。。