JS点击添加class,再次点击移除class,并且自身也添加class

JS点击添加class,再次点击移除class,并且自身也添加class,第1张

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

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

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

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

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

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

Jquery 怎么只给点击的元素加个class?1:新建一个html文件,命名为test.html,用于讲解jquery如何实现追加元素的同时添加class属性。

2:在test.html文件内,使用p标签创建一行测试的内容,并创建两个空div标签。

3:在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addPp()函数。

4:在函数内,通过获得p标签对象,使用appendTo方法将p标签追加到div中。

5:在函数内,再使用addClass方法给p标签添加一个class属性。

6:在浏览器打开test.html文件,点击按钮,查看结果。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存