jQuery/append()

解説要素を指定の要素の後に追加

sample1

sample1code

$(function() {
  var x = 0;
  $("#sample1Btn").click(function(){
    x++;
    $(this).append(x + ",")
  });
});

sample2

element1

sample2code

$(function(){
  var s2Count = 1;
  $("#s2Btn").on("click", function(){
  	s2Count++;
  	$("#s2Ul").append("li>" + "element" +s2Count + "/li>");
  });
});

sample3

sample3code

$(function(){
  $("#s3Btn").on("click", function(){
  	var s3Text = $("#s3Text").val();
  	$("#s3Div").append("label>input type='checkbox'>" + s3Text + "/label>");
  	$("#s3Text").val("");
  	$("label").css("display", "block");
  	$("label").click(function(){
  	  $(this).html("p>" + $(this).text() + "/p>");
  	  $(this).css("text-decoration", "line-through");
  	});
  });
});