如何用jquery给li加边框

思路：为添加边框样式设置一个class（设为selected），点击li后使用removeClass()方法删除其他li的selected类，并且为当前li添加selected类。

实例演示如下:

1、HTML结构

<style>

  ul.test li{display:inline-blockborder:1px solid white}  /*默认为白色边框*/

.selected{border:1px solid #ff99cc !important}

</style>

<ul class="test">

    <li>Glen</li>  <li>Tane</li>   <li>John</li>   <li>Ralph</li>

</ul>

2、jquery代码

$(function(){

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

        $(this).siblings('li').removeClass('selected')    // 删除其他li的边框样式

        $(this).addClass('selected')                            // 为当前li添加边框样式

    })

})

3、效果演示

首先获取元素，然后使用css设置边框颜色即可。

$("#test").css("border-right-color","red")

通过上面的设置，就可以将元素id是test的元素的右边框设置成红色。

---