方法：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中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
541
收藏
