css中的li 点击后增加样式 请帮我修改一下 代码 谢谢

$("li").click(function () {

$("li").css("color", "#000")//把字体改为红色，根据自己喜欢的样式改

如要改多个样式：$("li").css({"color": "#000"},{"属性":"值"}.............)

})

<style type="text/css">

.add{ color:#ff0}

</style>

<div>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

</div>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("div ul li").click(function(){

$(this).addClass("add").siblings().removeClass("add")

})

})

</script>

$("ul.zhiList li").click(function(){

    $("ul.zhiList li").removeClass("zhistyle")

    $(this).addClass("zhistyle")

    $("div.zhifufangshi").css("display","none")

    $("div.zhifufangshi").eq($(this).index()).css("display","block")

})

---