WWW.lllT.neT

jquery完成点一下改动原素类名的方式:1、给原素关联click点击事件并特定一个事故处理涵数;2、在事故处理涵数中运用attr()方式来获取原素的类名,英语的语法为“$(selector).attr('class','新类名');”。

本实例教程实际操作自然环境:windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。

jquery如何完成点一下改动原素类名

1、新创建一个html网页页面,文件夹名称为test.html,用以完成实际操作div元素的作用。在html网页页面中载入jquery.min.js文件,这一文档集成化了jquery的全部方式,仅有取得成功载入该文件才可以应用jquery中的方式。在html网页页面新创建一个div元素,并给它一个class类名red。

为了更好地完成点一下后有显著的实际效果,根据CSS界定class="red"的div的背景色为鲜红色,与此同时界定类名叫black时,背景色为灰黑色。

1122.18.png

2、在div元素中提升一个onclick点击事件,当onclick点击事件开启时,实行change_color()方式,此方式关键用以更改div的class。

在change_color()撰写更改div元素class类的编码,完成当div被打开时,class="red" 变为class="black",完成更改类名的作用。主要是根据jquery中的attr()方式完成更改class的类名。

1122.19.png

运行代码,在网页中查询結果:

1122.20.png

1122.21.png

由此可见,完成了点一下div拆换class类名的作用。

有关教程视频建议:jQuery教程视频

以上便是jquery如何完成点一下改动原素类名的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery如何完成点一下改动原素类名发布于2021-12-10 21:27:01