您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
殷雯jquery笔记:添加HTML元素
2015-05-14【网站建设常见问答】2845 人已围观
简介使用jQuery可以方便的添加新的HTML元素。这样就允许在客户端浏览器里进行一些动态操作,丰富了使用者体验。 下面的方法用于添加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:
很赞哦! ()
相关文章
随机图文
为什么说中小型企业越应注重企业网站的建设
在如今这个网络时代,作为最基础的网络应用,企业网站对树立企业形象和品牌、推广产品起着十分重要的作用。从某种意义上讲,一个企业有没有自己...如何加快网站建设的进程
现在网站建设服务的茅盾都是网站开始大了,很多的网站建设流程越来越繁琐或者一成不变的话,那么客户的埋怨和服务的质量也是越来越低的,作为一家网站...新的一年网站如何优化
每一年,搜索引擎也在改版升级算法,改变自己的内容,但是很多时候,我觉得做一定比不做好,所以网站优化的时候一定要定时更新,假设你考虑不到内容...搜索引擎百度站长针对站长SEO回复
以下是百度自身对广大站长一些关心的问题的回复,我们还是很有参考价值的。今天摘录过来学习一次,宁波殷雯与大家共勉. 自然排名是全部由机器完成...