实现div选中效果

1.被点击时的效果可以用div:active{ css }

2.鼠标覆盖在上面的时候可以用div:hover{ css;}

3.点击之后的效果,这个相对前2种有些麻烦,必须用到JS或者jquery,步骤如下:

a.先给div添加一个选中的样式比如on{css};

b.然后在js中$(‘div’).click(function{
$(‘div’).toggleClass(’ ',‘on’);
})
这是jquery自带的一个方法,点击div切换2个class,

你可能感兴趣的:(前端,javascript,html,jquery,javascript,html)