jQuery点击li标签改变颜色，其他li标签不变
2017-06-16 12:32
615 查看
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-3.2.0.min.js"></script>
<style>
.selected{
color:blue;
}
</style>
</head>
<body>
<ul>
<li class="selected">foo1</li>
<li>foo2</li>
<li>foo3</li>
<li>foo4</li>
</ul>
<script>
$(function(){
$("li").click(function(){
$(this).addClass("selected").siblings().removeClass("selected");
});
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 点击listviewItem后，改变当前Item背景色和字体颜色，其他不变
- iOS tabbarItem的颜色都是白色，点击其中一个，其他的不变，没有点中的效果
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- 按钮控制li标签背景改变颜色
- 关于a标签默认颜色的改变（锋利的jQuery）
- jQuery点击li标签打开新链接
- Jquery实现对a标签改变选中的背景色 支持多选 再次点击背景色消失
- jquery鼠标点击改变控件的背景颜色
- 实现栏目页在同级栏目列表中，点击一栏目，该栏目样式变化（背景/颜色/字体...），其他栏目样式不变。
- JQuery实现点击多个标签背景变色，点击变色的恢复原来的颜色
- Angular中点击li标签实现更改颜色的核心代码
- JavaScript中点击按钮，改变其他标签中的内容
- jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色
- jquery td 点击改变颜色
- jquery点击li标签之后在该li标签上添加一个class，点击下一个li时删除上一个li的class
- 同一级别下,点击标签,颜色发生改变
- 点击A标签使其改变颜色
- //点击listview的某一项改变其背景颜色，(例如，点击该项时该项的背景为黄色，其他没被点击的项，背景为率色（默认）)
- 使用magento框架的时候，导入到头部导航栏具有.dropdown属性值的在点击后再点击页面上其他位置，该li标签隐藏了
- 改变当前点击的a标签的样式，将其他a标签样式还原