JQuery 学习：追加HTML元素内容

效果演示

看这里的变化

看这里的变化

code 如下：

01$(document).ready(function(){

02 

03    $("#btn2").click(function(){

04        $("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#ccc");

05    });

06 

07    $("#btn1").click(function(){

08        $("#nowamagic").append("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>");

09    });

10 

11});

这里我们必须知道一点，就是 append 和 appendTo 的区别：append 单纯的内容，appendTo 要把内容传给某个元素。

这个函数的用法有很多，比如你可以按需要追加form，在区域内追加图片等等都是可以的。