引入jsquery.js后获取元素首先你需要先引入jsquery.js 下载地址: https://jquery.com

首先你需要先引入jsquery.js

下载地址:

运行代码：

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组</title>

</head>
<body>
    <script src="./jquery.js"></script>
    <div class="box"></div>
    <div class="box"></div>
    <span class="del">别看了，待会我就被删除了</span>
    <p class="del">我有关系，不会被删除</p>
    <span class="rep">别瞧了，待会我就要被替换了</span>
    <script>
        var i=$('<i>我是i标签</i>')
        $('.box').append(i)
        $('<p>我是p标签<P>').insertBefore('i:last')
        $('span[class="del"]').remove()
        $('.rep').replaceWith(i)
    </script>
</body>
</html>

运行结果：

1、等着DMO结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成了封装

2、相当于原生js中的DOMContentLoaded

3、不同于原生js中的load事件是等页面文档、外部的js文件，css文件、图片加载完毕才执行内部代码