求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

高手帮帮忙啊..

...全文

93 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

打赏
举报

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>