JQuery：点击列表的li标记，实现对应li选择后的css改变

核心：点击了li后，该li加上class，没有被选择的同辈li删除class

①html部分：

<ul class = "test">
		<li>糖醋排骨</li>
		<li>圆笼粉蒸肉</li>
		<li>泡菜鱼</li>
		<li>板栗烧鸡</li>
		<li>麻婆豆腐</li>
</ul>

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