jq 第一讲

最新推荐文章于 2022-10-27 11:03:48 发布

乐多

最新推荐文章于 2022-10-27 11:03:48 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习

本文链接：https://blog.youkuaiyun.com/weixin_44769592/article/details/96623432

前端学习专栏收录该内容

60 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
    //script 写在上面 
    window.onload=function(ev)
    {
        //1.利用原生js查找dom
        var div1=document.getElementsByTagName("div")[0];
        var div2=document.getElementsByClassName("one")[0];
        var div3=document.getElementById("two");
        console.log(div1);
        console.log(div2);
        console.log(div3);
        //2.利用原生js修改背景颜色
    }
</script>
<style>
    div{
        width: 200px;
        height:200px;
        border: 1px solid #000;
    }
</style>
</head>

<body>
    <div class="one"></div>
    <div id="two"></div>
    <div class="three"></div>
    <!-- <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
    <button type="button" onclick="loadXMLDoc()">修改内容</button> -->

</body>
</html>

在这里插入图片描述事实是
首先用js可以查找出dom元素
然后用jq