after()方法是jQuery的一个内置方法,用于在被选元素后插入指定的内容,由匹配元素集中每个选定元素的参数指定。
after()方法在被选元素后插入指定的内容。
语法:
$(selector).after(A);
参数:它接受参数“A”,它是传递给方法的内容或函数。
返回值:返回带有修改的所选元素。
示例1:
<!DOCTYPE html> <head> <meta charset="UTF-8"> <style> div { display: block; width: 150px; padding: 10px; border: 2px solid green; } </style> </head> <body> <div> <p>我想说:</p> </div> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $("p").after("<span><b>Hello!</b></span>"); </script> </body> </html>
示例2:
<!DOCTYPE html> <head> <meta charset="UTF-8"> </head> <body> <button>在每个P元素后插入内容</button> <p>这是一个段落。</p> <p>这是另一个段落。</p> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").after("<p>Hello world!</p>"); }); }); </script> </body> </html>
网友评论文明上网理性发言 已有0人参与
发表评论: