js（jQuery）控制html元素隐藏
K先生
爱技术2980
有时候我们会根据不同情况，隐藏某些html标签，利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。下面是用js来实现：
方法一：
document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";
利用上述方法实现隐藏后，页面的位置还被控件占用，但显示空白。
方法二：
document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";
利用上述方法实现隐藏后，页面的位置不被占用。当然我们也可以选择用jQuery来隐藏html元素，下面是一个使用jQery来隐藏html标签的实例。
<!DOCTYPE html>
<html>
<head>
<title>jQuery隐藏html标签元素</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>鼠标点击后隐藏</p>
</body>
</html>
如果你对该文章有任何疑问或好的建议，都可以在下方留言评论哦。
作者：K先生本文地址：http://www.gold404.cn/info/10
版权声明：本文为原创文章，版权归 K先生个人博客 所有，欢迎分享本文，转载请保留出处，谢谢！
上一篇： 11月，你好
下一篇： js实现文字闪烁变色效果
文章评论
评论列表