Jquery入门一:Jquery的ready和Dom的onload的区别

最新推荐文章于 2024-05-23 23:33:04 发布

weixin_30505751

最新推荐文章于 2024-05-23 23:33:04 发布

阅读量32

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/LittleFeiHu/archive/2011/01/13/1934849.html

版权

Jquery的ready和Dom的onload的区别：

onload是所有dom元素创建完毕，图片、css等都加在完毕后才触发
ready则是dom元素创建完毕后就被触发

所以相对来说jquery的ready可以提高网页的响应速度;

jquery:ready的标准写法：

$(document).ready(function() {
            alert("加载结束");
        });

一个$(document)将dom对象的document转化为jquery对象，继而可以调用jquery的方法ready();因为dom对象是不可以调用jquery的方法的，虽然他们的关系很亲密；

jquery:ready的简写形式：

$(function() {
        alert("加载结束");
        });

ready函数的一个主要作用就是为dom对象注册事件：

<!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 src="../myjs/jquery-1.4.2.js" type="text/javascript"></script>
    <script  type ="text/javascript" >
        $(function() {
            $("#clickme").click(function() {
                alert("我被点击了");
            });
        });
      
    </script>
</head>
<body>
 <input  type ="button" id="clickme"  value ="点击我" />
</body>
</html>

转载于:https://www.cnblogs.com/LittleFeiHu/archive/2011/01/13/1934849.html

weixin_30505751

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery入门一:Jquery的ready和Dom的onload的区别

Jquery的ready和Dom的onload的区别：onload是所有dom元素创建完毕，图片、css等都加在完毕后才触发ready则是dom元素创建完毕后就被触发所以相对来说jquery的ready可以提高网页的响应速度;jquery:ready的标准写法：$(document).ready(function() { ...
复制链接

扫一扫