155 次浏览【转载需注明来源】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="mydiv1" class="blue">元素选择器</div>
<div id="mydiv1">id选择器1 <span>span中的内容</span></div>
<span class="blue">样式选择器</span>
</body>
<script src="jquery-3.7.1.js" type="text/javascript" charset="UTF-8"></script>
<script>
/* id选择器 */
var mydiv = $("#mydiv1") //只能选择第一个
console.log(mydiv)
/* class选择器 */
var clas = $(".blue")
console.log(clas)
/* 元素选择器 */
var spans = $("span")
console.log(spans[0]["outerHTML"])
</script>
</html>
测试账号