当前位置：首页 → 问答吧 → 这两段代码有什么区别？

这两段代码有什么区别？

时间：2009-09-04

来源：互联网

第一段代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(".demo").click(function(){          // 给class为demo 的元素添加行为
           alert("jQuery demo!");
        })
</script>
</head>

<body>
  <p class="demo">jQuery Demo</p>

</body>
</html>
第二段代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
    <p class="demo">jQuery Demo</p>
    <script type="text/javascript">
        $(".demo").click(function(){          // 给class为demo 的元素添加行为
           alert("jQuery demo!");
        })
    </script>
</body>
</html>
为什么第一段代码是错误的？为什么将Jquery代码写在<head>与</head>之间就错了呢？

作者: ddjiang1115 发布时间: 2009-09-04

因为在运行这段js的时候<p class="demo">jQuery Demo</p> 还没载入

所以如果代码放<head></head>中要用  $(document).ready(function() {});  或者 $(window).load(function(){}) 包起来

      $(document).ready(function() {

        $(".demo").click(function(){          // 给class为demo 的元素添加行为
           alert("jQuery demo!");
        })

      });

作者: lrmymycn 发布时间: 2009-09-05

$(document).ready(function() {})和 $(window).load(function(){}) 有什么区别呢？

作者: ddjiang1115 发布时间: 2009-09-05

引用

引用第2楼ddjiang1115于2009-09-05 09:46发表的 :
$(document).ready(function() {})和 $(window).load(function(){}) 有什么区别呢？

$(document).ready(function() {})是在DOM树下载完就开始执行,不用等待图片或者FLASH下载完执行
$(window).load(function(){}) 同window.onload 就是要在整个页面都加载完才执行，像图片啊FLASH啊，框架啊等等..
不知道这样说对不
差不多就这意思

作者: jamix 发布时间: 2009-09-05

学习了~~~

作者: shootyou 发布时间: 2009-09-05

这两段代码有什么区别？

热门阅读

热门下载