jquery添加类问题

标签 jquery css image class addition

当我悬停它时,我试图为图像制作边框,但它没有添加它:S,但我尝试了 console.log,它显示了我写的文本,但它没有向它添加类:S

这是我的代码

<style>
.test {
    border: 1px solid #000;
}
</style>
// add a class to the image that is focus on
$('#small-image .thumb').hover(function() {
    $(this).addClass('test');
        console.log('hover');
}, function() {
    $(this).removeClass('test');
        console.log('out');
});

最佳答案

为什么需要 javascript?

标记:

<div id="foo"></div>

CSS:

#foo {width:50px; height:50px; border: 1px solid blue}
#foo:hover {border-color: red}

工作示例:http://jsfiddle.net/JndDd/

关于jquery添加类问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5641857/

相关文章:

javascript - 仅媒体查询未按预期运行

c# - 从 C# 应用程序调用 windows 资源管理器 “rotate clockwise” 操作

javascript - 在鼠标悬停时显示隐藏图像

javascript - jQuery 倒计时/用服务器端值进行计数

javascript - clearTimeout() 没有做它应该做的

javascript - 无尽的选框

css - 使用 Zurb Foundation 时设置网页背景图片?

css - 改变 ionic 范围 slider handle 的颜色

c# - 使用 GridView 中的分页在 UWP 中加载图像

jquery - CSS显示表格单元格宽度不起作用