怎样用jquery给li加边框_惠州Jquery培训

实例演示如下：

　　1、HTML结构

<style>

    ul.test li{display:inline-block;border:1px solid white;}  /*默认为白色边框*/
    .selected{border:1px solid #ff99cc !important;}
</style>

<ul class="test">

    <li>aaaa</li>   <li>bbbb</li>    <li>cccc</li>    <li>dddd</li>

</ul>

　　2、jquery代码

$(function(){

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

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

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

    });

});

标签：惠州北大青鸟惠州JAVA培训惠州IT培训惠州软件培训惠州软件开发惠州Jquery培训