菜鸟学堂
在线运行
源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/jquery/1.7.0/jquery.js"> </script> <script> $(document).ready(function(){ $("p").live("click",function(){ $(this).slideToggle(); }); $("button").click(function(){ $("<p>这是一个新段落。</p>").insertAfter("button"); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>点击任意一个 p 元素后，该 p 元素就会消失。</p> <button>在这个按钮后插入一个新的 p 元素。</button> <p><b>注意:</b> 使用 live() 方法，而不是bind(), 新的 p 元素在点击后就会消失。</p> <p><b>注意：</b>live() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。请使用 on() 方法代替。</p> </body> </html>
运行结果
在线运行
菜鸟学堂 edu.jb51.net