jQuery添加DOM节点常用的5种方法

一、内部插入（前插入、后插入）：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>jQuery添加DOM节点常用的五种方法</title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script></head><body><div id="content"><span>郑州</span></div><!--内部插入--><script>//内部前插入$("#content").prepend("<i>河南省</i>");//内部后插入$("#content").append("<b>大学</b>")</script></body>
</html>

二、外部插入（前插入、后插入）：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>jQuery添加DOM节点常用的五种方法</title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script></head><body><!--外部插入--><span id="bj">北京</span><script>//外部前插入$("#bj").before("<i>北京市</i>");//外部后插入$("#bj").after("<b>大学</b>");</script></body>
</html>

三、包裹

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>jQuery添加DOM节点常用的五种方法</title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script></head><body><!--包裹--><span class="sina">新浪</span><script>//包裹$(".sina").wrap("<a href='http://www.sina.com.cn'></a>");</script></body>
</html>

jQuery添加DOM节点常用的5种方法相关推荐

vue 动态添加click_vue，在模块中动态添加dom节点，并监听
vue向数组中动态添加数据 vue中数据更新通过v-model实现,向数组中添加数据通过push()实现,向shortcuts数组中动态添加newShortcut对象中的title和action th ...
js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
【JavaScript】添加DOM节点
[JavaScript]添加DOM节点原创刘甜- 最后发布于2019-03-24 19:59:39 阅读数 310 收藏展开 HTML DOM树当网页被加载时,浏览器会创建页面的文档对象模型( ...
dom对象常用的属性和方法有哪些？
dom对象常用的属性和方法有哪些? 一.总结一句话总结: 1.document属性和方法:document的属性有head,body之类,方法有各种获取element的方法 2.element的属性 ...
解析Jquery取得iframe中元素的几种方法
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames[&quo ...
Jquery取得iframe中元素的几种方法（转载）
Jquery取得iframe中元素的几种方法(转载) iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法: 父窗口操作IFRAME: ...
php查找文件内元素,如何查看当前文档某个元素的子节点？有几种方法
本篇文章给大家带来的内容是关于如何查看当前文档某个元素的子节点?有几种方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 源代码: Hello 方式一://直接在html文档中嵌入j ...
破解ＸＰ系统密码的常用的几种方法
破解系统密码的常用的几种方法 ---流血的蚊子(个人实验加整理) 以下几种方法都需要Dos环境或者winpe环境,所以需要自己制作启动盘(具体方法不多言) 1. SAM文件.Windows xp目录 ...
Excel中数据汇总常用的几种方法，sumif、合并计算、数据透视表
Excel中数据汇总常用的几种方法: 如图,我们想要求出每个人的数量是多少,可以用3种方法. 第一种: 函数sumif(),首先把名字列出来,可以用删除重复项,其次在名字的后面用=sumif()来实现 ...

jQuery添加DOM节点常用的5种方法

一、内部插入（前插入、后插入）：

二、外部插入（前插入、后插入）：

三、包裹

jQuery添加DOM节点常用的5种方法相关推荐

最新文章

热门文章