您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
殷雯jquery笔记:添加HTML元素
2015-05-14【网站建设常见问答】2165 人已围观
简介使用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:
很赞哦! ()
相关文章
随机图文
-
网站设计之网站建设简单就是美
在网站建设设计中时常简单就是美,就是好! 简洁的网站设计,突出了企业公司的形象高大,无需要过多的修饰就是一个高大的感觉。 简明和开门... -
宁波企业网站国际域名注册条件说明
1 我们发现宁波许多企业网站的域名以.COM结尾,我也可以吗? 完全可以。.COM是为商业设计的。从500大财团到小公司、家庭,超过一千五... -
分析网站跳出率:页面质量的重要性
影响网站排名的因素高达200多项,想要都熟练掌握对于新手SEOer绝对很困难,但是这并不意味着就无法做好网站排名。这里殷雯告诉新手一个小秘密... -
Linux下的压缩解压缩命令详解
linux的命令总是有一堆的参数,这些参数平常是没什么用,真要使用到时会使我们的工作方便很多,以下是linux zip命令详解记录以便查询 ...