这个jQuery代码不起作用。初学者。

时间:2013-08-31 21:27:10

标签: javascript jquery html

刚开始使用jQuery练习,但我似乎无法使用任何功能。下面的代码是我一直在尝试运行的练习,但它不会输出所需的结果。有谁知道为什么?谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www/w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type"
      content="text/xml; charset=utf-8" />
    <title>change2.html</title>
    <script type = "text/javascript"
            src = "jquery-1.4.2.min.js">
    </script>
    <script type = "text/javascript">
            //<![CDATA[
            $(document).ready(changeMe);

            function changeMe(){
                $("#output").html("I've changed");
                  }
                  //]]>
    </script>
</head>
<body>
    <h1>Using the document.ready mechanism</h1>
    <div id = "output">
        Did this change?
    </div>    
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您的代码有效,请参阅:http://jsfiddle.net/bN4Yv/(该示例使用的是jQuery 2.0.2,但它也适用于1.4。)

问题可能是jquery-1.4.2.min.js与html文件不在同一个文件夹中。

我可能会使用安德鲁建议的速记:

$(function() {
    $("#output").html("I've changed");
});

答案 1 :(得分:0)

只需更改

   $(document).ready(changeMe);

   $(function(){
       changeMe();
   });