<body>
<div id="box">11111
<div>22222
<p>33333</p>
</div>
</div>
<script>
console.log($("#box").html())
</script>
</body>结果：
<body>
<ul>
</ul>
<script>
var arr = ["aaa","bbb","ccc"]
var listr = arr.map(item => `<li>${item}</li>`).join("")
console.log($("ul").html(listr))
</script>
</body>结果：
<body>
<div id="box">11111
<div>22222
<p>33333</p>
</div>
</div>
<script>
console.log($("#box").text())
</script>
</body>结果：
<body>
<ul>
</ul>
<script>
var arr = ["aaa","bbb","ccc"]
var listr = arr.map(item => `<li>${item}</li>`).join("")
console.log($("ul").text(listr))
</script>
</body>结果：
<body>
<input type="text">
<script>
console.log($("input").val())
</script>
</body>
<body>
<div id="box" index="1">11111</div>
<script>
console.log($("#box").attr("id"))//获取原生属性
console.log($("#box").attr("id","box2"))//设置原生属性
</script>
</body>结果：
<body>
<div id="box" index="1">11111</div>
<script>
console.log($("#box").attr("index"))//获取自定义属性
console.log($("#box").attr("index","2"))//设置自定义属性
</script>
</body>结果：
console.log($("#box").removeAttr("index"))//移除自定义属性
console.log($("#box").removeAttr("id"))//移除原生属性attr可以移除自定义和原生属性，但是不常用，也没啥意义，有更好的办法；
<body>
<div id="box" index="1">11111</div>
<script>
console.log($("#box").prop("id"))//获取原生属性
console.log($("#box").prop("id","box2"))//设置原生属性
</script>
</body>结果：
面试题：
说一说attr()和prop()的区别：
arr能获取和设置原生属性、自定义属性，也能移除原生和自定义属性；但是prop只能获取和设置原生属性，不能操作标签身上自定义属性，如果它操作自定义属性了，那这个变化是发生在这个对象身上的（不过我们不需要它那样做），prop也不能移除原生属性，自定义属性（但如果移除了自定义属性也是在对象身上移除的，并不能移除标签身上的属性）；所以为了各有分工，prop就来操作原生属性，attr操作自定义属性。