标签:ack 删除元素 调用 意思 w3c play onclick jquer 学习
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery 学习6 删除元素</title> <!--使用jQuery一定不要忘记引用jQuery文件--> <script src="../js/jquery-1.12.2.min.js"></script> </head> <body> <div class="div"> 我是第一个div元素 <span>第一个div里面的span元素</span> </div> <div> 我是第二个div哟 <b>第二个div下面的b元素</b> <span>第二个div下面的span元素</span> </div> <div class="div">我是第三个div</div> <!--以上给出三个div测试效果--> <br/> <!--给三个按钮事件--> <button onclick="shanchu1()">删除div</button> <button onclick="shanchu2()">过滤删除div里class="div"的</button> <button onclick="shanchu3()">删除div里的子元素</button> <script> //shanchu1事件,删除所有div元素 function shanchu1(){ $("div").remove(); //remove()删除方法 } //shanchu2事件,删除div里,只有class="div" 的元素 function shanchu2(){ $("div").remove(‘.div‘); //只会删除div元素里面带有class并且值等于div的元素 } //shanchu3事件,删除div里面的所有子元素 function shanchu3(){ $("div").empty(); //删除被选元素下的所有子元素(包括内容) } </script> </body> </html>
标签:ack 删除元素 调用 意思 w3c play onclick jquer 学习
原文地址:http://www.cnblogs.com/longfeng995/p/7590474.html