关键字:
this
addClass()
removeClass()
当你想为相同的class中的其中一个赋值时,只需要使用关键字this就可以搞定
例:
<div class="con_left bianxian">
<div class="title">
<h2 class="title_da xiaoshou">Django</h2>
<ul>
<li class="title_xiao xiaoshou">AAAA</li>
<li class="title_xiao xiaoshou">BBBB</li>
<li class="title_xiao xiaoshou">CCCC</li>
<li class="title_xiao xiaoshou">DDDD</li>
<li class="title_xiao xiaoshou">EEEE</li>
</ul>
</div>
HTML效果:场景是,点击AAAA被选中的颜色改变,其他不变,想给其中一个点击增加效果,需要使用jquery中addClass方法就好
<script type="text/javascript">
$(".title_xiao").click(function(){
$(this).addClass("xuanzhong");
})
</script>
这里用到this方法,代表我操作点击的这个对象,不能用class中的内容,那样会被全部选中,如果这样写,就会选中A,再选中C时,A不会被清楚
所以要在选中前,先清除下已添加的class
<script type="text/javascript">
$(".title_xiao").click(function(){
$(".title_xiao").removeClass("xuanzhong");
$(this).addClass("xuanzhong");
})
</script>