殷雯jquery笔记:添加HTML元素

使用jQuery可以方便的添加新的HTML元素。这样就允许在客户端浏览器里进行一些动态操作，丰富了使用者体验。
下面的方法用于添加HTML元素：
 
append() – 在指定的元素的尾部添加一个新内容。
prepend() -在指定的元素里前部添加新内容。
after() – 在指定元素前添加新内容
before() -在指定元素的后面添加新内容。
初步看append,prepend 和after,before似乎功能一样，但append,prepend指在选中的元素本身（内部）的前面和后面，而after,before指在选择中的元素的前面和后面。

示例代码
<script> 
        $(document).ready(function () { 
            $(\"#btn1\").click(function () { 
                $(\"p\").append(\" <b>Appended text</b>.\"); 
            }); 
 
            $(\"#btn2\").click(function () { 
                $(\"ol\").append(\"<li>Appended item</li>\"); 
            }); 
        }); 
    </script> 

示例2
<script> 
        $(document).ready(function () { 
            $(\"#btn1\").click(function () { 
                $(\"p\").prepend(\"<b>Prepended text</b>. \"); 
            }); 
            $(\"#btn2\").click(function () { 
                $(\"ol\").prepend(\"<li>Prepended item</li>\"); 
            }); 
        }); 
    </script>

效果请新建一个空白html默认文件
先自己添加p等默认元素，再添加btn1 和btn2 按钮
然后就可以体验以上二段jquery小功能

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/222.html

很赞哦！ ()