<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.6.0.js"></script>
</head>
<body>
<p>ok</p>
<p class="p1">ok1</p>
<p id="p2" >ok2</p>
<p>ok3</p>
<button id="btn">btn</button>
<form id="form">
<input type="text" name="text"/>
<input type="submit"/>
</form>
<div id="div1">
<span>sp1</span>
<span id="sp2" style="font-size:80px;">sp2</span>
<span>sp3</span>
</div>
<span id="spx">插入</span>
<span id="spy">插入h</span>
<span id="spq">插入Q</span>
<script>
$(function(){
$("#btn").click(function(){
$("#sp2").slideToggle(1000);
});
// $("#div1").append($("#spx"));
// $("#div1").prepend($("#spy"));
$("#div1").after("<div>divv</div>");
});
// var p=$("#div1").attr("class","dx");
$("#div1").attr({
"href":"www",
"class":"dx"
});
var p=$("#div1").attr("href");
alert(p);
// $("#sp2").replaceWith("<span>sp4</span>");
// </script>
</body>
</html>