jQuery点击当前元素显示其他元素隐藏
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery点击当前元素显示其他元素隐藏相关的知识,希望对你有一定的参考价值。
参考技术A 给你举个例子吧<a>点击</a>
<span>隐藏的内容</span>
<span>隐藏的内容</span>
<span>隐藏的内容</span>
<span>隐藏的内容</span>
$(function()
$("a").click(function()
$("span").hide();
)
)追问
我需要的点当前span标签,其他隐藏其他span标签,(如果加ID的话都是一样的),该怎么实现
本回答被提问者采纳 参考技术B 很简单,用下面的js代码试一试$("#").click(function()
document.getElementById('').style.display='none';
)
用jquery怎么实现点击显示,再一次点击隐藏
用jquery实现点击显示,再一次点击隐藏的方法是使用toggle方法。说明:toggle() 方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
举例说明:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
$(".btn1").click(function()
$("p").toggle(1000);
);
);
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>
代码解读:
$(".btn1").click(function()
$("p").toggle(1000); //控制文件This is a paragraph的显示和隐藏,如果当前是显示的,点击就隐藏了。
); 参考技术A $(div).click(function()
if($(this).is(":hidden"))
$(this).show();
else
$(this).hide();
)
以上是关于jQuery点击当前元素显示其他元素隐藏的主要内容,如果未能解决你的问题,请参考以下文章