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

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

1、首先在html中布雹并局好两个按钮和一个div。

2、接着编写添加class的方法。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式胡肆陵,如下图所裤戚示要的是remove。

6、最后运行界面,点击移除class按钮,class就被移除了。

需求不是很明确,要是移歼丛除link进来的css文件毕备的话。那就是先找到所有手改毁link标签,然后依次移除,代码如下:

var links = document.querySelectorAll('link')

for(var i in links){

links[i].parentNode.removeChild(links[i])

}


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

原文地址: https://outofmemory.cn/bake/11970289.html

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

发表评论

登录后才能评论

评论列表(0条)

保存