jQuery文档操作方法对比和src写法

最新推荐文章于 2021-02-26 17:23:01 发布

转载最新推荐文章于 2021-02-26 17:23:01 发布 · 299 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ddpapa/p/10564879.html

文章标签：

#javascript #ViewUI

jQuery文档操作方法对比

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Insert title here</title>
 6 <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
 7 <script type="text/javascript">
 8     $(document).ready(function(){
 9         $("div").after("<p>我是after方法插入过来的</p>");
10         $("div").append("<p>我是append方法插入过来的</p>");
11         $("div").before("<p>我是before方法插入过来的</p>");
12         $("div").prepend("<p>我是prepend方法插入过来的</p>");
13         $("div").append("<p>我是append方法第二次插入过来的</p>");
14         $("div").after("<p>我是after方法第二次插入过来的</p>");
15     })
16 </script>
17 </head>
18 <body>
19 <div style="height:200px; width:200px; border:2px solid;"></div>
20 </body>
21 </html>