文章标题

最新推荐文章于 2023-10-19 15:03:50 发布

原创最新推荐文章于 2023-10-19 15:03:50 发布

· 180 阅读

0 ·

版权

文章标签：

#jquery

jquery 专栏收录该内容

4 篇文章

订阅专栏

1.2 jquery 体验
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。

$(“div”).html()是使用标签选择器获取div标签，并将内容设置为：您好！通过慕课网学习jQuery才是最佳的途径。

对应于javascript中的各类选择器，如：

$(“*”) ——所有元素

$(“#lastname”) ——id=”lastname” 的元素

$(“.intro”) ——所有 class=”intro” 的元素

$(“p”) ——所有

元素

$(“.intro.demo”) ——所有 class=”intro” 且 class=”demo” 的元素

代码例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>第一个简单的jQuery程序</title>
    <style type="text/css">
        div{
            padding:8px 0px;
            font-size:12px;
            text-align:center;
            border:solid 1px #888;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
            $(document).ready(function() {
                $("div").html("您好！通过慕课网学习jQuery才是最佳的途径。");
            });
    </script>
</head>
<body>
    <div></div>
</body>
</html>