您的位置：首页 > Web前端 > JQuery

jquery点击添加样式，再点击取出样式

2015-06-29 14:25 701 查看 
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>点击添加边框，再点击去掉边框</title>

<style>

ul li{

float:left;

list-style:none;

width:50px;

height:30px;

border:1px solid #E3E3E3;

line-height:30px;

text-align:center;

margin-left:10px;

cursor:pointer;

}

.yy{

border:1px solid red;


}

</style>

</head>

<script src="superslide/js/jquery1.42.min.js"></script>

<script>

$(document).ready(function(e) {

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

$(this).toggleClass('yy');

});

});


</script>

<body>

<div>

<ul>

    <li>洗护</li>

<li>洗护</li>

<li>洗护</li>

<li>洗护</li>

<li>洗护</li>

<li>洗护</li>

<li>洗护</li>

<li>洗护</li>

</ul>

</div>

</body>

</html>

[/code]


来自为知笔记(Wiz)
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航