jquery 点击增加样式,点击移除样式

jquery 点击增加样式,点击移除样式,第1张

jquery 点击增加样式,点击移除样式,代码如下:

$("li").click(function(){

$(this).toggleClass("enable")

$(this).siblings().removeClass("enable")

})

扩展资料

如果用户单击某个按钮时,要删除class的某个值,那么可以使用与addClass()方法相反的removeClass()方法来完成,它的作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:

$("p").removeClass("high")

//移除p元素中值为"high"的class

参考资料:百度百科 jQuery

百度百科 样式 (计算机术语)

建议你这么做

你把要添加的样式写在class里面

点击的时候

你先用hasClass

判断下

存在就返回true

就removeClass

不存在就返回false

就addClass

不就搞定了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11608810.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存