求JQuery高手解决个关于隐藏和显示的问题.

jiaoqiuge 2010-11-16 11:29:01

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
});
});
</script>
</head>
<body>
<button type="button">Hide</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>


我想判断一下我点这个按钮的时候他是隐藏我就 show 他是显示我就 hide

高手帮帮忙啊..
...全文
94 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
lqkankan 2010-11-16
  • 打赏
  • 举报
回复
$("#id").toggle()

切换可见状态。

jiaoqiuge 2010-11-16
  • 打赏
  • 举报
回复
成功了 呵呵 !
了解了 ... 多谢高手相助!
DataBox-MDX 2010-11-16
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 jiaoqiuge 的回复:]
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
这个是调用什么哦 ?

请赐教
[/Quote]
当该Html文档从上而下解析的时候,遇到<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
那么浏览器会加载这个js文件,然后继续向下解析Html代码
DataBox-MDX 2010-11-16
  • 打赏
  • 举报
回复
哦,不好意思,你引用的JQuery库是:
<script type="text/javascript" src="/jquery/jquery.js"></script>
我的是:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
,这段js代码改成你自己的就行了,即
<script type="text/javascript" src="/jquery/jquery.js"></script>
jiaoqiuge 2010-11-16
  • 打赏
  • 举报
回复
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
这个是调用什么哦 ?

请赐教
jiaoqiuge 2010-11-16
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 bin_520_yan 的回复:]

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题……
[/Quote]

按照你的这个写了但是他说找不到JS文件!!! 难道
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function()
{
$("p").slideToggle("slow"); //这句改成这样就可以了
});
});
</script>
得放到JS文件里?
flyerwing 2010-11-16
  • 打赏
  • 举报
回复
$("p").style.display="none";
DataBox-MDX 2010-11-16
  • 打赏
  • 举报
回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function()
{
$("p").slideToggle("slow"); //这句改成这样就可以了
});
});
</script>

</head>
<body>
<button type="button">Hide</button>
<p>
This is a paragraph with little content.</p>
<p>
This is another small paragraph.</p>
</body>
</html>

  • 打赏
  • 举报
回复
哈哈这个是JQUERY的教程里的例子。
不过似乎没从隐藏到显示的例子。。。都隐藏了还怎么点呢
jiaoqiuge 2010-11-16
  • 打赏
  • 举报
回复
最好是可以实现:有2个DIV点上面的下面的隐藏(如果隐藏就显示)..


静静等待佳音.
内容概要:本文围绕“新型电力系统下多分布式电源接入配电网承载力评估方法”的研究,系统性地介绍了基于Matlab的仿真建模与代码实现方案,旨在评估高比例分布式电源(如光伏、风电等)接入背景下配电网的接纳能力。研究融合了智能优化算法(如蜣螂优化、灰狼优化、遗传算法)、多目标优化、鲁棒优化及双层优化模型,结合潮流计算、稳定性分析与故障仿真,构建了完整的承载力评估体系。文档不仅提供核心算法实现,还拓展至微电网调度、储能配置、电氢耦合系统、电动汽车协同等前沿方向,强调“复现+创新”相结合的科研路径,助力研究者快速掌握高水平论文复现技巧并激发原创思路。; 适合人群:具备电力系统、自动化或相关专业背景,熟悉Matlab/Simulink仿真环境,正在从事科研或工程应用的研究生及初级科研人员(工作1-3年);; 使用场景及目标:①复现高水平期刊中关于配电网承载力的优化模型;②开展高比例可再生能源接入下的配电网规划与运行研究;③学习并应用智能优化算法解决复杂电力系统问题;④获取完整科研资源包以加速课题进展与论文撰写; 阅读建议:建议读者关注公众号“荔枝科研社”获取网盘资源,下载全套代码与模型文件,按照文档结构循序渐进学习,重点理解算法设计逻辑与仿真建模细节,结合所提供的复现案例深化对优化模型与工程应用场景的理解,提升科研效率与创新能力。

62,272

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧