Javascript 在鼠标上更改分区轮廓

我在使用css和javascript时遇到了问题。。。我有几个带有

class=“item”

的

。我想做的是改变触发悬停动作的轮廓

我有这个CSS：

.item {
   width: 118px;
   height: 98px;
   float: left;
   margin: 2px;
   background-color: #FFF;
   outline: 3px solid transparent;
}

这是我从谷歌找到的javascript

$('.item').hover( function() {
   $(this).css('outline', '3px solid blue');
},
function() {
   $(this).css('outline', '3px solid transparent');
});

---

请帮我做这个…

如上所述，应该可以。此外，使用简单的css，您可以在不使用任何jQuery或Javascript的情况下执行此操作：

.item:HOVER {
   width: 118px;
   height: 98px;
   float: left;
   margin: 2px;
   background-color: #FFF;
   outline: 3px solid blue;
}

try this...

.item:hover
{
    outline: 3px solid blue;
}

---

我建议您使用jquery的

$（“.item list”）而不是重新发明轮子
 像这样

脚本

$(function(){

  $('.item').hover(
    function(){
       $(this).addClass('hovered');
    },
    function(){
       $(this).removeClass('hovered');
    }
  );

});

试试这个css，这会很好用的

.item:hover {
      outline: 3px solid blue;
}

我不明白为什么要使用jquery，而这可以通过CSS实现：

使用
：悬停
css选择器：-

.item:hover{
     outline-color: blue;
}

如果您只想使用jQuery解决方案，那么您可能会缺少以下操作：（正如johny在上述评论中提到的）


将代码包装在
$（function（）{/*code here*/}）
使用
.on（）
附加事件。（如果元素是动态添加的）


。问题是什么？您是否在dom就绪处理程序中添加了代码？是否动态创建
.item
元素只需
大纲：3px纯蓝色就足够了。为什么：悬停在大写字母中？它不区分大小写，大小写也不成问题。。我刚刚编辑了他的代码，是的，只是“outline:3px solid blue；”就足够了..我用这个只设置outline属性。。。非常感谢那些投票反对我的人，我想他不是在尝试或者不知道cssThanks的回应，谢谢你的回应，谢谢你的回应！你真是太好了
$(function(){
    $('.item').on('hover',  function() {
        $(this).css('outline', '3px solid blue');
    },
    function() {
        $(this).css('outline', '3px solid transparent');
    });
});