<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> // 入口函数 $(document).ready(function() { var jqInput = $("input"); var jqDiv = $("div"); jqInput.click(function() { jqDiv.toggleClass("toggle"); }) }); </script> <style type="text/css"> div { height: 100px; width: 100px; background-color: aqua; margin: 10px; } .toggle { background-color: red; } </style> </head> <body> <input type="button" name="" id="" value="切换" /> <div id=""> </div> </body> </html>
jquery类操作
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:jquery动画淡入淡出
下一篇:jquery突出显示
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
ES工具操作测试类
ES工具操作测试类
User System elasticsearch -
RocketMQ工具操作测试类
RocketMQ工具操作测试类
异步消息 发送消息 ide -
jquery动态操作伪类
在css里新建一个类加伪类,然后用jquery操作这个类
jquery css -
jQuery 对象中的类数组操作
[size=medium]我们都知道jQUery对象中有一个类数组的元素包装集,该集合类似js中的数组一样拥有length属性,因此我们称此为类数组,下面我们就
jquery ViewUI 数组 jQuery 选择器 -
jquery-类操作和classname区别19
html
css html 前端 -
jQuery操作伪类 jquery操作样式的方法
jquery样式操作
css jquery html