jquery怎么移除css样式


本文摘自PHP中文网,作者藏色散人,侵删。

jquery移除css样式的方法:1、通过使用“removeClass()”方法去除css样式;2、通过使用“attr()”方法或“css()”去除单个css样式。

本文操作环境:Windows7系统、jquery3.2.1版,DELL G3电脑

1、使用removeClass()方法去除css样式

removeClass() 方法从被选元素移除一个或多个类。

注释:如果没有规定参数,则该方法将从被选元素中删除所有类。

示例:从所有的 <p> 元素移除 "intro" 类:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("p").removeClass("intro");

});

});

</script>

<style type="text/css">

.intro{

font-size:120%;

color:red;

}

</style>

</head>

<body>

<h1>这是一个标题</h1>

<p class="intro">这是一个段落。</p>

<p class="intro">这是另一个段落。</p>

<button>移除所有P元素的"intro"类</button>

</body>

</html>

2、使用attr()方法或css()去除单个css样式

阅读剩余部分

相关阅读 >>

如何使用jQuery中click()方法

jQuery怎么判断值为空

jQuery中$是什么?

jQuery、ajax、json三者之间的关系

怎么用jQuery做图片轮播

jQuery怎么判断变量是否是数字

jQuery的插件有哪些

jQuery如何用this选择子元素

jQuery 怎么判断字符串是否包含特定字符

jQuery 数组判断值是否存在的方法

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...