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}),文档就绪。

JQuery:点击列表的li标记,实现对应li选择后的css改变最先出现在Python成神之路

版权声明:
作者:admin
链接:https://www.techfm.club/p/20386.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>