jQuery - 获取并设置 CSS 类

傷城~ 2024-03-16 10:46 28阅读 0赞

通过 jQuery，可以很容易地对 CSS 元素进行操作。 切换 CSS 类

--------------------

### jQuery 操作 CSS ###

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：

*  addClass() - 向被选元素添加一个或多个类
 *  removeClass() - 从被选元素删除一个或多个类
 *  toggleClass() - 对被选元素进行添加/删除类的切换操作
 *  css() - 设置或返回样式属性

--------------------

### 实例样式表 ###

下面的样式表将用于本页的所有例子：

> .important \{ font-weight:bold; font-size:xx-large; \} .blue \{ color:blue; \}

--------------------

### jQuery addClass() 方法 ###

下面的例子展示如何向不同的元素添加 class 属性。当然，在添加类时，您也可以选取多个元素：

### 实例 ###

> $("button").click(function()\{ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); \});

您也可以在 addClass() 方法中规定多个类：

### 实例 ###

> $("button").click(function()\{ $("body div:first").addClass("important blue"); \});

--------------------

### jQuery removeClass() 方法 ###

下面的例子演示如何在不同的元素中删除指定的 class 属性：

### 实例 ###

> $("button").click(function()\{ $("h1,h2,p").removeClass("blue"); \});

--------------------

### jQuery toggleClass() 方法 ###

下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作：

### 实例 ###

> $("button").click(function()\{ $("h1,h2,p").toggleClass("blue"); \});

发表评论取消回复

表情：

评论列表（有 0 条评论，28人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery - 获取并设置 CSS 类

通过 jQuery，可以很容易地对 CSS 元素进行操作。切换 CSS 类 -------------------- jQuery 操作 CSS jQuery 拥有

傷城~/ 2024年03月16日 10:46/ 0 赞/ 29 阅读

相关 jQuery设置样式 css

利用jQuery设置网页样式：效果图： ![20200527231403405.png][] html: <span id="spid1">你好！</span

我就是我/ 2023年10月06日 09:56/ 0 赞/ 51 阅读

相关 jQuery 之获取并设置 CSS 类（十）

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() - 向被选元素添加一个或多个类 removeCla

左手的ㄟ右手/ 2022年09月23日 13:53/ 0 赞/ 95 阅读

相关 jQuery-CSS类属性操作

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() - 向被选元素添加一个或多个类 re

àì夳堔傛蜴生んèń/ 2022年04月16日 00:08/ 0 赞/ 259 阅读

相关 jQuery-CSS属性查询与设置

jQuery css() 方法 jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的

傷城~/ 2022年04月16日 00:07/ 0 赞/ 263 阅读

相关 jquery 获取系统时间并截取

var myDate = new Date().Format("yyyy-MM-dd hh:mm:ss").toString(); //获取系统当前时间

爱被打了一巴掌/ 2022年03月16日 03:50/ 0 赞/ 294 阅读

相关 jQuery - 获取并设置 CSS 类

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() - 向被选元素添加一个或多个类 re

水深无声/ 2021年09月15日 07:46/ 0 赞/ 249 阅读

相关 JQuery获取设置内容及属性

JQuery捕获内容和属性 ①获取文本内容——text()、html()、val() text()：设置或返回所选元素的文本内容 html()：设置或返回所选元素的内容（

野性酷女/ 2021年09月14日 02:44/ 0 赞/ 463 阅读

相关 JQuery 设置CSS样式

JQuery 设置CSS样式 <!DOCTYPE html> <html lang="en"> <head> <meta char

女爷i/ 2021年07月25日 21:00/ 0 赞/ 538 阅读

相关 jQuery-css()方法总结——获取/设置样式

css()方法总结总结一下jQuery中使用css()方法获取和设置样式的特性。首先新建一个html文件，内容如下： <!DOCTYPE html>

末蓝、/ 2021年06月22日 15:35/ 0 赞/ 625 阅读