如何实现点击一个a标签隐藏整个div?

如题所述

可以直接使用jQuery的hide() 方法来实现隐藏某个元素。

工具原料:编辑器、浏览器

1、实现的思路是给a标签绑定一个点击事件,然后点击事件触发后使用hide方法来隐藏指定的元素,简单的代码示例如下:

<body>
<div>内容文字</div>
<a id="btn" href="#">点击</a>
<script>
$('#btn').click(function(){
$('div').hide();
})
</script>

</body>

2、运行的效果如下:

点击前:

点击后:

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-05-03
<script type="text/javascript">
function close()  
{   
    $('#yincha').css('display','none');
}
</script>
<a onclick="close();">X</a>
    <div id="yincha"></div>

对了,还有引用一个脚本

追问

不行啊,有没有简单一点就能实现的呢?

追答

这是我知道的最简单的办法,这个可以的我本地测试过了,有引用那个脚本吗

追问

我已经实现了~谢谢你了

本回答被网友采纳
相似回答