<!DOCTYPE html>
<html lang="zh-Cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
font-family: "Microsoft YaHei", serif;
}
body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none
}
</style>
</head>
<body>
<div id="wrap">
<p>123</p>
<p>456</p>
<p>789</p>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
// 1.x.x
// 兼容所有浏览器,包括ie678
// 2.x.x
// 兼容所有浏览器,包括ie678,废弃了一些不用的api
// 3.x.x
// 不兼容ie678继续废弃一些不用的api,更改了动画的底层原理 requestAnimationFrame
// jq对象 只能使用jq对应的api
// js对象/DOM对象 只能使用DOM操作
// 选中jq对象 .操作
// 可以看到都变红了,自己遍历了不用手动遍历
// $("#wrap p").css("color","red")
// 如果只操作第二个p标签变为红色
// 这样会报错,因为这样选中的是js对象不是jq对象所以没有办法用jq的方法
// $("#wrap p")[1].css("color","red")
// 只操作第二个
// $("#wrap p").eq(1).css("color","red");
// jq对象和js对象的互相转换
// jq==>js
// $("#wrap p")[0];
// $("#wrap p").get(0);
// js===>jq
let oWrap = document.getElementById("wrap");
let aP = document.querySelectorAll("#wrap p");
console.log($(oWrap));
console.log($(aP));
</script>
</body>
</html>
Python3Turtle