您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
殷雯jquery笔记:添加HTML元素
2015-05-14【网站建设常见问答】3009 人已围观
简介使用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:
很赞哦! ()
相关文章
随机图文
双语网站中的外语翻译有谁提供?
外语版文字翻译由谁来准备? 外语版网站开发并不包含外语文字翻译工作,如果企业客户没有额外委托我们殷雯网络进行网站文案的翻译服务,则外语版的...
不对称设计在网站建设中使用
不对称设计技术可以非常直观有趣和创建不同的焦点。 不对称仅仅是缺乏对称性,但不对称并没有缺乏平衡与和谐。 不对称和对称的设计都可以创...
最全的微信公众号图文内容添加超链接的方法总结
现在微信营销有种会替代网络营销的感觉,微信广告是铺天盖地的出来。微信在早期是允许用户在后台发布文章时自己定义链接,包括文字链接和图片链接。...
PHP图像操作GD库学习一
在我们开发网站中,用php对图片进行操作一般很少见。殷雯工作室一般只用到GD库对验证码或者用户上传的产品图片加个水印。企业网站中...




微信收款码
支付宝收款码