在jQuery中如何使用addclass为图片添加边框

<style type="text/css">

.border{border:1px solid #999}

</style>

$('img').click(function(){

$(this).addClass('border')

})

思路：为添加边框样式设置一个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、效果演示

---