解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)

本篇文章是对在Jquery中把一段代码动态写入到DIV中的实现方法进行了详细的分析介绍 需要的朋友可以参考下   复制代码 代码如下: nav = "<div style= width: pxheight: pxfloat:leftbackground:url(login_image/index/on_ jpg)font size: pxcolor:whiteline height: pxid= left_tab" +  "</div>" 复制代码 代码如下:  $("#top_ ") (nav )lishixinzhi/Article/program/Java/JSP/201311/20488

给按钮添加一个onclick事件

点击跳转到函数

函数获取该div的父级节点

给该父级节点添加一个子级节点（即div）

注：添加哪个单词记不清楚了，好像带pareat字样，具体的你查一下手册。

使用 after 方法可以实现这种效果。

例如，我想在第2个DIV的后面动态去添加一个DIV,该如何实现?

html 代码：

<div id="parent">

    <div id="one">1</div>

    <div id="two">2</div>

    <div id="three">3</div>

</div>

Js 代码：

$(function(){

    $("#two").after("<div>我是新添加的内容</div>")

    //选择 ID 为 #two 的 DIV 节点，在其后边添加一个 DIV 节点

})

先掌握这种方法，然后再探究其他更多实现方式。

---