JQuery过滤选择器-如何让某个元素换颜色(俩种方式)

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

这篇文章距离上次修改已过193天，其中的内容可能已经有所变动。

在jQuery中，你可以使用.css()方法来改变元素的样式。以下是两种方法来使用jQuery来改变元素的颜色：

方法一：直接使用CSS方法




$(document).ready(function(){
    $("#elementId").css("color", "red");
});

在这个例子中，当文档加载完成后，元素ID为elementId的颜色会变成红色。

方法二：使用addClass方法

首先，在CSS文件中定义一个类：




.red-text {
    color: red;
}

然后，在jQuery中使用addClass方法将这个类添加到元素上：




$(document).ready(function(){
    $("#elementId").addClass("red-text");
});

在这个例子中，当文档加载完成后，元素ID为elementId的将会添加一个red-text的类，这个类在CSS中定义了颜色为红色。

注意：这两种方法都需要在页面加载完成后才能运行，所以需要放在$(document).ready(function(){...});中。