jQuery中对节点进行 *** 作的相关介绍

动态创建Dom节点

jQuery中使用$(html字符串)来动态创建Dom节点，并且返回一个jQuery对象，可以调用append等方法将创建的节点添加到Dom中。

例如：

var

link

=

$("<a

href='http://www.baidu.com'>百度</a>")

$("div:first").append(link)

添加节点元素的方法：

Append方法用来在元素的末尾追加元素（最后一个子节点）

Prepend在元素的开始添加元素（第一个子节点）

After:在元素之后添加元素（添加兄弟节点）

Before：在元素之前添加元素（添加兄弟节点）

子元素.appendTo(父元素)：在元素的末尾追加一个子元素

子元素.prependTo(父元素):在元素的开始追加一个子元素

A.insertBefore(B)

将A插入到B的前面，等同于B.before(A)

X.insertAfter(B)

将X插入到Y的后面，等同于Y.after(X)

删除节点：

Empty():清空该元素下的所有子节点

等同于：while(ele.firstChild){ele.removeChild(ele.firstChild)}

Remove(selectot)自杀；删除当前元素，返回值为被删除的元素，可以讲节点删除之后放到其他节点下面，有一个移动的效果，例如：

var

lis

=

$("#ulSite

li").remove()

$("#ulSite2").append(lis)

Clone()克隆节点，支复制节点，不复制节点

Clone(true):克隆节点带事件

节点的替换：

$("br").replaceWith("<hr/>")

$("br").replaceAll("<hr/>")

包裹节点

Wrap()方法用来将所有的元素逐个用指定的标签包裹

$("b").wrap("<font

color='red'></font>")将所有粗体字红色显示

wrapInner()在内部围绕

没明白你的具体需求，但是我觉得这样做比较好，使用模板声明的方式，而不是在js里创建组件。

注意下面的<ng-content>

import {Component} from '@angular/core'

@Component({

selector: 'parent',

template: `

<div>

<h1>parent</h1>

<ng-content></ng-content>

</div>

`

})

export class ParentComponent {}

@Component({

selector: 'child',

template: `<h1>child</h1>`

})

export class ChildComponent {}

@Component({

selector: 'demo',

template: `<parent><child></child></

表达载体四部分：目的基因、启动子、终止子、标记基因常用细菌质粒进行构建，构建过程中运用限制性核酸内切酶切割出与目的基因相合的末端（多为黏性末端，也有平末端），采用DNA连接酶连接，导入生物体实现表达。标记基因可帮助识别质粒并检测是否成功整合到染色体DNA中。表达载体（Expressionvectors）就是在克隆载体基本骨架的基础上增加表达元件（如启动子、RBS、终止子等），使目的基因能够表达的载体。如表达载体pKK223-3是一个具有典型表达结构的大肠杆菌表达载体。其基本骨架为来自pBR322和pUC的质粒复制起点和氨苄青霉素抗性基因。在表达元件中，有一个杂合tac强启动子和终止子，在启动子下游有RBS位点（如果利用这个位点，要求与ATG之间间隔5-13bp），其后的多克隆位点可装载要表达的目标基因。

---