Rumah > Artikel > hujung hadapan web > jquery如何设置元素不可见
jquery如何设置元素不可见
- 藏色散人asal
- 2021-01-18 10:17:504414semak imbas
jquery设置元素不可见的方法：1、使用“$(selector).hide();”方法设置元素不可见；2、使用“$(selector).show();”方法设置元素可见，然后使用toggle方法来切换hide和show方法即可。
本教程演示环境：windows7系统、jquery1.2.6版本、Dell G3电脑。
推荐：jQuery视频教程
jquery设置元素可见性的方法：可以使用$(selector).hide();方法设置元素不可见，使用$(selector).show();方法设置元素可见，可以使用toggle()方法来切换hide()和show()方法。
jquery设置元素可见性的方法介绍：
立即显示指定元素
$(selector).show();
立即隐藏指定元素
$(selector).hide();
实例：
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素：
$("button").click(function(){
$("p").toggle();
});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：怎么在react代码中打断点Artikel seterusnya：jQuery冲突问题怎么解决