Rumah > Artikel > hujung hadapan web > jquery怎样点击按钮去掉一行样式
jquery怎样点击按钮去掉一行样式
- WBOYasal
- 2022-01-14 12:11:481389semak imbas
方法：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视频教程
Atas ialah kandungan terperinci jquery怎样点击按钮去掉一行样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery怎样添加浏览器大小改变触发事件Artikel seterusnya：技术解答之JavaScript的执行机制