JQuery学习之旅（2）$(document).ready(….<!DOCTYPE html PUBLIC "-//W

JQuery学习之旅（2）

$(document).ready(….);表示当页面（document）中节点都加载完毕
才执行后续的代码function()
注意在head中定义一个div 的样式，
在body中有一个div标签，这个不能掉了，
否侧显示不出来

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>第一个简单的JQuery程序</title>
    <style type="text/css">
        div{
            padding:8px 0px;//注意中间是空格
            font-size:12px;
            text-algin:center;
            border:solid 1px #888;
        }
    </style>

</head>
<body>

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("div").html("你好, 启动javaScript之旅")
            });
        </script>

        <div></div>
</body>
</html>