jQuery实现id的样式添加和去除方法详解

新建HTML文件

在开始使用jQuery为指定id添加和去除样式之前，需要先在本地创建一个新的HTML文件。可以使用任何文本编辑器，比如VS Code、Sublime Text等。

引入JS文件和新创建内容

在新建的HTML文件中，需要引入jQuery的JS文件，这样才能够使用jQuery库提供的各种方法。同时，在HTML文件中也需要加入一些内容作为演示案例。

效果如图

在JS文件中，我们需要编写代码来实现为指定id添加和去除样式的功能。为了方便演示，我们可以在HTML中创建两个按钮，点击分别执行添加样式和去除样式的功能。

jQuery为指定id添加样式

通过以下代码，可以实现为指定id添加样式的功能：

```

$("cho").css("background", "red");

```

其中，cho是指定的id值，css()方法用于给该元素添加样式，第一个参数为要添加的样式名，第二个参数为要添加的样式值。

效果如图

jQuery为除了指定id以外的元素添加样式

有时候我们需要为除了某个元素以外的所有元素添加样式，可以使用以下代码：

```

$("body [id!cho]").css("background", "red");

```

其中，body [id!cho]表示选择body下所有除了id等于cho的元素以外的元素，css()方法同上。

效果如图

附上JS代码：

```

$(function(){

// 为指定id添加样式

$("cho").css("background", "red");

// 为除了指定id以外的元素添加样式

$("body [id!cho]").css("background", "red");

});

```

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。