您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
殷雯jquery笔记:添加HTML元素
2015-05-14【网站建设常见问答】2971 人已围观
简介使用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:
很赞哦! ()
相关文章
随机图文
网站维护、网站托管、安全、可靠
我们先来估算一下网站维护的成本。网站制作完成后需要维护与管理,得请一个有一定网络技术的人负责。请懂一定网络技术的人员每月的工资最低标准为3...dedecms如何添加自定义函数
最近本工作室开始使用dedecms二次开发网站,很多功能需要重新学习一下。幸好网上关于dedecms二次开发网站建设的例子不少。今天我们...为什么说中小型企业越应注重企业网站的建设
在如今这个网络时代,作为最基础的网络应用,企业网站对树立企业形象和品牌、推广产品起着十分重要的作用。从某种意义上讲,一个企业有没有自己...双语网站中的外语翻译有谁提供?
外语版文字翻译由谁来准备? 外语版网站开发并不包含外语文字翻译工作,如果企业客户没有额外委托我们殷雯网络进行网站文案的翻译服务,则外语版的...