立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › jquery 添加 删除 切换 类的练习

赞

评论

收藏

[jQuery] jquery 添加 删除 切换 类的练习

开发技术 开发技术 发布于：2021-07-10 15:27 | 阅读数：479 | 评论：0

　　知识点：
addClass（）  removeClass（） toggleClass（）

　　

　　<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
        *{
  margin:0;
  padding:0;
  border-style:none;
  list-style:none;}
  div{
  height:100px;
  width:100px;
  border:1px solid red;}
   .new-style{
   background-color:#74D565;}
  </style>
   <script src="js/jquery-3.3.1.js"></script>
</head>
<body>
  <div></div>
  <button>添加</button>
  <button>删除</button>
  <button>切换</button>
  <script>
$(document).ready(function(e) {
//添加类 addClass()
      $("button:eq(0)").click(function(){
$("div:first").addClass("new-style");
});
//删除类 addClass()
      $("button:eq(1)").click(function(){
$("div:first").removeClass("new-style");
});
//切换 toggleClass()
      $("button:eq(2)").click(function(){
$("div:first").toggleClass("new-style");
});
    });
  </script>
</body>
</html>


　


关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
276 经验
1106 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2