jquery 如何给元素添加父元素

jQuery 文档 *** 作提供了 wrap() 方法用以将每个被选元素放置在指定的 HTML 内容或元素中，从而实现为指定元素添加父元素的效果。类似地，unwrap() 方法删除被选元素的父元素。

1、基本语法

$(selector).wrap(wrapper)

参数说明：wrapper，必需。规定包裹被选元素的内容。可能的值:

HTML 代码 - 如 ("<div></div>")

新元素 - 如 (document.createElement("div"拆数))

已存在的元素 - 如 ($(".div1"))

2、示例说明

 $("p").wrap("<div></div>")  陆哪 // 在 <div> 元素中包裹每个旅悉首段落

想要在页面动态添加元素，首先要确定在哪个元素后面添加元素，然后利用js的appendChild方法在该元素后面追加元素。

1.获取父节点元素varbody=document.getElementsByTagName('body')[0]。

2.然后动态创建a标签vara=document.createElement('a')。

3.把创建好的a标签追加竖雹轮到body下面body.appendChild(a)。

4.在a标签里面添加文本内容a.innerHTML='这是一个链接'。

5.给a标签添加一个肆镇链接a.href='https://www.baidu.com/'。

扩展资料：

js一些原生方法

element.appendChild()方法向节点添加最后一个子节点。

element.innerHTML设置或返回元素的内容。

document.getElementsByTagName()返回带有指定标签名的对象集合。

document.getElementById()返回对拥有指定id的第一个对象余信的引用。

document.createElement()通过指定名称创建一个元素。

创建html页面 1）打开记事本，输入如下截图所示的html代码2）将塌唤郑文件保存为html结尾的文件，例如JsTest.html

运行页面 1）上一步保存完成后，双击文件即可使用默认浏览器运行页面2）如果想使用指定浏览链宏器运行，右键文件，选择【打开方式】->挑选任一已经安装的浏览器即可

原生JS方式，详细代码与注释 主要使用的js方法： 父元素.insertBefore(新元素， 目标元素)

原生JS方式，运行效果如下 Jquery方式，必须要引入jquery文件才能使用，此处将jquery下载下来放到Content文件夹中，新的目录结构如下-- Content-- jquery-1.11.3.min.js-- JsTest.html

Jquery方式，详细代码与相关注释见团颂截图 主要使用的jquery方法：before(html文本内容即可)

Jquery方式，运行效果如下 JS JQUERY

---