JQuery:点击列表的li标记,实现对应li选择后的css改变
核心:点击了li后,该li加上class,没有被选择的同辈li删除class
①html部分:
- 糖醋排骨
- 圆笼粉蒸肉
- 泡菜鱼
- 板栗烧鸡
- 麻婆豆腐
②js:
$(function(){
$(".test li").click(function(){
$(this).siblings("li").removeClass("chose");
$(this).addClass("chose");
})
});
③css:
.chose{
font-weight:bold;
background: #ff99cc;
color:#fff;
}
注意:js中一定要加$(function(){xxx}),文档就绪。
共有 0 条评论