Question

我有一个div标签，其中包含内容为“我是div标签”。当我试图在用户点击按钮时切换此div。这是我写的代码

<!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>jquery effects (Hide,Animate,SlideDown,SlideUp)</title>
    <style type="text/css">
        .togg
        {
            background-color: Aqua;
        }
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js">
                $(document).ready(function () {
            $("p").click(function () {
                $(".togg").toggle();
            });
        });

    </script>
</head>
<body>
    <div class="togg">
       I am  a Div Tag
        <p>
            hi Laxmi ! how r u?</p>
    </div>
</body>
</html>

我没有得到输出。但是当我写这样的代码时，我得到了输出。请告诉我这些代码行之间的区别

    <!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>jquery effects (Hide,Animate,SlideDown,SlideUp)</title>
    <style type="text/css">
        .togg
        {
            background-color: Aqua;
        }
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("p").click(function () {
                $(".togg").toggle();
            });
        });

    </script>
</head>
<body>
    <div class="togg">
       I am div Tag
        <p>
            hi Laxmi! how r u?</p>
    </div>
</body>
</html>

Answer 1

第一段代码包含错误。您不能包含javascript文件（将其路径放在src标记的script属性中），然后将代码放入其中。

只需使用第二个代码。

Answer 2

第一行代码..你没有正确使用jquery库。

在第二个..你包括它..然后你使用它..这是正确的方法。

Answer 3

在非工作代码中，您在链接到jQuery的<script>标记内部有内联javascript，这不起作用。

Answer 4

很明显：你必须在这个

中加入jquery脚本

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script>

然后您需要另一个脚本标记来添加您的代码：

<script type="text/javascript">
    $(document).ready(function () {
        $("p").click(function () {
            $(".togg").toggle();
        });
    });

</script>

因此第二个是正确的。

jquery中这些代码行之间有什么区别？

4 个答案: