JQuery动态新增Dom元素，怎么用JQ选择该元素并设置其属性

假设dom结构为 <div id="div1"></div>

在其中添加p元素,并设置p元素的文本颜色为红色

var $div1 = $("#div1") //选择外层元素

var $p = $("<p id='pp'>123</p>") //设定需要添加的元素

$div1 & $div1.append($p) //把元素添加到外层元素中

$p.css('color', 'red') //修改新元素的属性

使用jquery创建新元素的方法为：$(html标签)，例如 $("<p></p>")创建了一个段落。注意此时只是创建了对象，尚未添加到文档节点中去；以下四个 jQuery 方法可以添加新内容到文档树中：

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

下面进行实例演示：点击“添加”按钮，新建一个input文本框

1、HTML结构

<input type="text" id="test_input">

<input type='button' value='添加'/>

2、javascript代码

$(function(){

$("input[type='button']").click(function() {

new_obj = $("<input type='text'>")

$(this).before(new_obj)

})

})

3、显示效果

初始样式

点击两次“添加”按钮之后的效果

---