js遇袭--如何给相同class中的一个赋值

关键字:
this
addClass()
removeClass()

当你想为相同的class中的其中一个赋值时,只需要使用关键字this就可以搞定
例:

           

Django

  • AAAA
  • BBBB
  • CCCC
  • DDDD
  • EEEE

HTML效果:
js遇袭--如何给相同class中的一个赋值_第1张图片
image.png

场景是,点击AAAA被选中的颜色改变,其他不变,想给其中一个点击增加效果,需要使用jquery中addClass方法就好

        

这里用到this方法,代表我操作点击的这个对象,不能用class中的内容,那样会被全部选中,如果这样写,就会选中A,再选中C时,A不会被清楚


js遇袭--如何给相同class中的一个赋值_第2张图片
image.png

所以要在选中前,先清除下已添加的class

        

你可能感兴趣的:(js遇袭--如何给相同class中的一个赋值)