jquery如何获取动态添加的文本框的值?

//jQuery1.9之后不再支持live，所以建议使用on

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">

$(function(){

  $(".add").click(function(){

  $("h1").html('<input type="text" class="content" />')

  })  

  $(".get").on("click",function(){

  alert($(".content").val())

  })

})

</script>

<h1></h1>

<button class="add" name="add">点击添加文本框</button>

<button class="get" name="get">获取添加的文本框的值</button>

使用delegate()。

定义和用法

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

基本语法：

$(selector).delegate(childSelector,event,data,function)

举例：

$("body").delegate("input","click",function(){

// *** 作代码

})

---