·您当前的位置:主页 > 技术教程 > jQuery教程 >

[jQuery]jQuery删除并恢复一个元素

时间:2018-12-11 10:08w3school
[jQuery]jQuery删除并恢复一个元素

[jQuery]jQuery删除并恢复一个元素

  1. <html> 
  2. <head> 
  3. <script type="text/javascript" src="/jquery/jquery.js"></script> 
  4. <script type="text/javascript"> 
  5. $(document).ready(function(){ 
  6.   var x; 
  7.   $("#btn1").click(function(){ 
  8.     x=$("p").detach(); 
  9.   }); 
  10.   $("#btn2").click(function(){ 
  11.     $("body").prepend(x); 
  12.   }); 
  13. }); 
  14. </script> 
  15. </head> 
  16. <body> 
  17. <p>这是一个段落。</p> 
  18. <button id="btn1">删除 p 元素</button> 
  19. <button id="btn2">恢复 p 元素</button> 
  20. </body> 
  21. </html> 

 

热门文章推荐

请稍候...