Question

jquery 点击当前添加一个样式，在次点击取消这个样式，

Answer 1

1、首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

2、然后在下方先引入jQuery的库文件，在script标签中先用$选择器得到li标签的dom对象并给li标签设置一个点击事件，当点击li标签的时候，先调用siblings方法找到同级的li标签去除设置的css样式，然后在给点击的li标签添加样式就可以了。

3、最后打开浏览器，可以看到并排的5个li标签，第一个li标签是有红色边框的。

4、当点击其他的li标签的时候，原来的li标签的边框就没有样式了，点击后的li标签会增加红色边框。