实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <style>p { background:yellow; margin:6px 0; } p.off { background: black; }</style>
5
  <script src="https://code.jquery.com/jquery-latest.js"></script>
6
</head>
7
<body>
8
  <p>Hello</p>
9
  how are
10
  <p>you?</p>
11
  <button>Attach/detach paragraphs</button>
12
<script>
13
    $("p").click(function(){
14
      $(this).toggleClass("off");
15
    });
16
    var p;
17
    $("button").click(function(){
18
      if ( p ) {
19
        p.appendTo("body");
20
        p = null;
21
      } else {
22
        p = $("p").detach();
23
      }
24
    });</script>
25
 
26
</body>
27
</html>