Rumah > Artikel > hujung hadapan web > jquery如何控制css来删除元素
jquery如何控制css来删除元素
- 青灯夜游asal
- 2022-01-20 17:22:522626semak imbas
在jquery中，可以利用css()方法来控制css，给元素添加“display: none;”样式，进而删除该元素；语法格式为“$("元素").css("display", "none");”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，可以利用css()方法来控制css，给元素添加“display: none;”样式，进而删除该元素
css() 方法返回或设置匹配的元素的一个或多个样式属性。
实现代码：
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("#btn").click(function() {
$("#box").css("display", "none");
});
});
</script>
</head>
<body>
<div>测试元素</div>
<div id="box">测试box元素</div>
<div>测试元素</div><br>
<button id="btn">点击删除box元素</button>
</body>
</html>
相关视频教程推荐：jQuery教程（视频）
Atas ialah kandungan terperinci jquery如何控制css来删除元素. 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：一文聊聊在Nodejs中怎么用 zx库 编写 Shell 脚本Artikel seterusnya：使用jq如何删除css样式