Rumah > Artikel > hujung hadapan web > jquery怎么隐藏span元素
jquery怎么隐藏span元素
- 青灯夜游asal
- 2022-03-08 11:44:573083semak imbas
隐藏方法：1、使用“$("span").hide();”语句来隐藏；2、使用“$("span").toggle(false);”语句来隐藏；3、使用“$("span").css('display','none');”语句来隐藏。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery隐藏span元素
在jquery中，有多种方法可以隐藏span元素。
hide()toggle(false)css('display','none')attr('style','display:none')
示例：
<!DOCTYPE html> <html> <head> </head> <body> <h1>这是一个标题</h1> <span style="font-size:120%;color:red">这是一个span元素。</span> <p>这是一个p元素。</p> <button>隐藏span元素</button> </body> </html>
jq代码：
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
//方法1
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("span").hide();
});
});
</script>
//方法2
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("span").toggle(false);
});
});
</script>
//方法3
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("span").css('display','none');
});
});
</script>
//方法4
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("span").attr('style','display:none');
});
});
</script>效果是一样的：
【推荐学习：jQuery视频教程、web前端视频】
Atas ialah kandungan terperinci jquery怎么隐藏span元素. 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：commonjs与es6模块化有什么区别Artikel seterusnya：es6中箭头函数和普通函数的区别是什么