3 - 切换盒子背景色（综合练习）题目描述以 css() 和类操作两种形式操作改变盒子的背景色

不甘_

于 2022-02-15 20:52:59 发布

阅读量1k

点赞数

分类专栏： jQuery笔记笔记 # JS笔记文章标签： css jquery 前端

本文链接：https://blog.csdn.net/qq_57731353/article/details/122951968

版权

该博客主要介绍如何使用jQuery的css()方法和类操作来实现盒子背景色的切换，旨在提升读者对于jQuery操作元素样式的技能。

摘要由CSDN通过智能技术生成

3 - 切换盒子背景色（综合练习）题目描述以 css() 和类操作两种形式操作改变盒子的背景色

训练目标能够使用jQuery操作元素的样式属性

训练提示 1.两种方法：css()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>切换盒子背景</title>
    <script src="/jQ20220215Day44/js/jquery3.6.0.js"></script>

</head>
<body>
<script>
    //创建 button    div
    //获取body
    var btn=document.createElement('button')
    var btnRight=document.createElement('button')
    var div=document.createElement('div')
    var body=document.querySelector('body')
    btn.innerHTML='切换'
    btn.className='all'
    btnRight.innerHTML='切换right'
    btnRight.className='r