如何执行简单的jQuery程序?

时间:2013-05-16 10:33:57

标签: javascript jquery

我已经创建了一个简单的jQuery程序。我是jQuery技术的新手。请为我提供错误的地方?

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
      >
 <html lang="en">
<head>
<title><!-- Insert your title here --></title>
<script type="text/javascript" src="jquery-1.4.2.min.js">
     $(document).ready(function() {
      alert("jQuery tutorial for beginners Example");
       });
</script>
</head>
<body>
<p> i m here hid me</p>
<!-- Insert your content here -->
</body>
</html>

3 个答案:

答案 0 :(得分:4)

您编写的脚本不应该进入jquery脚本标记内。它需要自己的。

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

<script type="text/javascript">
 $(document).ready(function() {
      alert("jQuery tutorial for beginners Example");
       });
</script>

第一个是加载jquery本身 - 它就像是说“而不是我在这里写一些javascript,而是从这个文件加载它”,第二个是你自己的代码,因为你已经在脚本标签之间放置了代码

答案 1 :(得分:0)

脚本元素可以包含一个脚本。该脚本可以位于开始标记和结束标记之间,它可以放在另一个文件中,并使用src属性进行引用。

如果存在src属性,则将忽略该元素的内容。

如果你想要两个脚本,那么你需要两个脚本元素。

<script src="jquery.js"></script>
<script>
    // Your code
</script>

答案 2 :(得分:-1)

示例:Jsdiffle

这是Jquery的最后一个库的示例。

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"
          >
     <html lang="en">
    <head>
    <title><!-- Insert your title here --></title>
    <script src="http://code.jquery.com/jquery-2.0.0.js"></script>

       <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript">
         $(document).ready(function() {
          alert("jQuery tutorial for beginners Example");
           });
    </script>
    </head>
    <body>
    <p> i m here hid me</p>
    <!-- Insert your content here -->
    </body>
    </html>