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标签会增加红色边框。
建议你这么做 你把要添加的样蚂档运式写在class里面 点蠢友击的时候 你先用hasClass 判断下 存在就返回true 就removeClass 不存在就返回false 就闷梁addClass 不就搞定了
$("#btn1").onclick(){
$(this).toggleClass("兆余禅毁卜selected"族尘);
}