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

jquery点击当前添加一个样式,在次点击取消这个样式,... jquery 点击当前添加一个样式,在次点击取消这个样式, 展开
 我来答
飞喵某
高粉答主

2019-07-17 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29万
展开全部

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标签会增加红色边框。                          

RequestBody
推荐于2018-05-10 · TA获得超过171个赞
知道答主
回答量:45
采纳率:0%
帮助的人:34.9万
展开全部
建议你这么做 你把要添加的样式写在class里面 点击的时候 你先用hasClass 判断下 存在就返回true 就removeClass 不存在就返回false 就addClass 不就搞定了
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lynn_20043745
2014-05-23 · 超过14用户采纳过TA的回答
知道答主
回答量:32
采纳率:0%
帮助的人:14.7万
展开全部
$("#btn1").onclick(){
$(this).toggleClass("selected");

}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式