Javascript 如何在使用css和jquery选择图像后突出显示图像

Javascript 如何在使用css和jquery选择图像后突出显示图像,javascript,jquery,html,css,image,Javascript,Jquery,Html,Css,Image,$('img')。单击(函数(){ $('.selected').removeClass('selected'); $(this.addClass('selected'); }); img{ 边框:实心1px红色; 利润率:10px; } .选定{ 背景颜色:黄色; 盒影:0px 12px 22px 1px#333; } .图像四舍五入{ 边界半径:6px; 宽度:140px; 高度:140像素; } .嗯{ 宽度:100%; } .卷轴{ 宽度:100%; 溢出:自动; 空白:nowrap;

$('img')。单击(函数(){
$('.selected').removeClass('selected');
$(this.addClass('selected');
});
img{
边框:实心1px红色;
利润率:10px;
}
.选定{
背景颜色:黄色;
盒影:0px 12px 22px 1px#333;
}
.图像四舍五入{
边界半径:6px;
宽度:140px;
高度:140像素;
}
.嗯{
宽度:100%;
}
.卷轴{
宽度:100%;
溢出:自动;
空白:nowrap;
}
.滚动a{
显示:内联块;
宽度:140px;
利润率:10px;
}
.滚动一个img{
宽度:100%;
}
.滚动a:焦点{
边框:1px纯黄色;
}

使用
toggleClass('className')
功能突出显示所选图像。以下是工作版本。
$('img')。单击(函数(){
//此处替换了新代码
$(this.toggleClass('selected');
});
img{
边框:实心1px红色;
利润率:10px;
}
.选定{
背景颜色:黄色;
盒影:0px 12px 22px 1px#333;
}
.图像四舍五入{
边界半径:6px;
宽度:140px;
高度:140像素;
}
.嗯{
宽度:100%;
}
.卷轴{
宽度:100%;
溢出:自动;
空白:nowrap;
}
.滚动a{
显示:内联块;
宽度:140px;
利润率:10px;
}
.滚动一个img{
宽度:100%;
}
.滚动a:焦点{
边框:1px纯黄色;
}

使用
toggleClass('className')
功能突出显示所选图像。以下是工作版本。
$('img')。单击(函数(){
//此处替换了新代码
$(this.toggleClass('selected');
});
img{
边框:实心1px红色;
利润率:10px;
}
.选定{
背景颜色:黄色;
盒影:0px 12px 22px 1px#333;
}
.图像四舍五入{
边界半径:6px;
宽度:140px;
高度:140像素;
}
.嗯{
宽度:100%;
}
.卷轴{
宽度:100%;
溢出:自动;
空白:nowrap;
}
.滚动a{
显示:内联块;
宽度:140px;
利润率:10px;
}
.滚动一个img{
宽度:100%;
}
.滚动a:焦点{
边框:1px纯黄色;
}


我不明白这个问题您的代码已经这样做了,请检查它。已经创建了脚本,并且刚刚添加了bg颜色以突出显示它在我的html完整页面中所做的事情。它没有做。您可以显示您的html页面吗。您添加了jquery库了吗?这是我添加的2个jquery库。我不明白这个问题你的代码已经这么做了,检查一下。已经创建了脚本,并且刚刚添加了bg颜色以突出显示它在我的html完整页面中所做的事情。它没有做。您可以显示您的html页面吗。您添加了jquery库了吗?这是我添加的2个jquery库。