元素的删除 （1）remove和empty 区别：remove是删除了内容和格式，即全部删除，empty仅仅清除内容，格式还在
<title></title> <script src="js/jquery-3.5.1.min.js" type="text/javascript"></script> <style type="text/css"> #div1,#div2{ height: 100px; width: 100px; background-color: red; } </style> </head> <body> <div id="div1"> <p>这是第一个段落</p> </div> <div id="div2"> <p>这是第二个段落</p> </div> <button id="btn1">删除div1</button> <button id="btn2">删除div2</button> </body> <script type="text/javascript"> $("#btn1").click(function(){ $("#div1").remove(); }) $("#btn2").click(function(){ $("#div2").empty(); }) </script>remove过滤删除 在p标签中删除所有class=px的元素（$(“p”)remove(“px”)）
操作css类 （1）addclass(“classname”) 不用加点
<script type="text/javascript"> $("#btn1").click(function(){ $("#p1").addClass("style1"); }) $("#btn2").click(function(){ $("#p1").addClass("style2"); }) </script>（2）css()方法 第一个参数要改的属性，第二个参数是设置的属性值
<script type="text/javascript"> $("#btn3").click(function(){ $("#p1").css("font-size":"3em"); }) </script>设置多个属性，不同属性用“，”隔开，属性名与属性值之间用“：”隔开，最外层用大括号
<script type="text/javascript"> $("#btn3").click(function(){ $("#p1").css("font-size":"3em","color":"red"); }) </script>导航
父元素
parent（）找到的是父元素
parents（）找到的是祖先节点
<title></title> <script src="js/jquery-3.5.1.min.js" type="text/javascript"></script> </head> <body> <input type="button" id="btn1" value="点击我"/> <div id="div1"> <p id="p1">找<span id="txt1">父亲</span></p> </div> </body> <script type="text/javascript"> $("#btn1").click(function(){ alert($("#txt1").parent()); }) </script>后代 chidred（）找到的是当前元素的直接后代，里面可以穿插name与class来找到一个具体的哪一个后代 find（）
同胞 sibings（）找到当前元素的所有同胞元素 next（）找到当前元素的下一个弟弟元素 nextAll（）找到当前元素的所有弟弟元素，只能向下查找 nextUntil（）找到是两个参数之间的弟弟元素 prev（）找到当前元素的上一个哥哥元素 prevUntil（）找到是两个指定元素之间的同胞元素
