方法：1、利用“.class”选择器给指定的一行元素设置样式；2、给按钮绑定点击事件并指定处理函数；3、在函数中利用removeclass()方法去除指定行元素的类即可去除一行样式，语法为“元素对象.removeclass("指定类")”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎样点击按钮去掉一行样式
可以利用.class选择器给指定的元素设置样式。
这样就可以一次性去除元素的样式，使用css方法也能够去除样式，但是不能直接全部去除，因此使用了removeClass方法。
removeClass() 方法从被选元素移除一个或多个类。
示例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<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 >这是另一行段落。</p>
<button>移除指定一行的样式</button>
</body>
</html>输出结果：
点击按钮后：
相关视频教程推荐：jQuery视频教程
以上就是jquery怎样点击按钮去掉一行样式的详细内容，更多请关注php中文网其它相关文章！
收藏
收藏
收藏
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
0
21
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
