jquery 定义点击的div 变色

作者：System 时间：2024年08月07日分类：所有,jquery 字数：451

在jQuery中，你可以使用.click()方法来监听点击事件，并使用.css()方法来改变被点击的div的颜色。以下是一个简单的例子：

HTML:




<div id="myDiv">点击我！</div>

CSS:




.colored {
  background-color: blue;
  color: white;
}

jQuery:




$(document).ready(function() {
  $('#myDiv').click(function() {
    $(this).addClass('colored');
  });
});

在这个例子中，当用户点击id为myDiv的div时，jQuery会给这个div添加一个colored类，从而改变它的背景色和文字颜色。请确保在使用这段代码之前已经加载了jQuery库。