jquery怎样点击按钮去掉一行样式
程序员文章站
2022-03-02 22:06:19
...
方法：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怎样点击按钮去掉一行样式的详细内容，更多请关注其它相关文章！
上一篇： css3哪个属性改变层叠性