jquery html要素の追加

    
    
    
    




  1
  2
  3
  html
  css  
  html css  



    $(document).ready(function(){
      var  a="<p style=\"color: #006699;height: 16px\">  3      </p>
"

        $("#btn1").click(function(){
            $(".p1").append("<b>Hello</b>");
        });
        $("#btn2").click(function(){
            $(".p2").addClass("blue");
        });
        $("#btn3").click(function(){
            $(".p3").append("<p style=\"color: #006699;height: 16px\">  3      </p>
");
        });
        $("#btn3").click(function(){
            $(".p3").append(a);
        });


    });

  css html：  
html:

ts:

style=' '
move
search(){
    // css + html
    this.move=this.style+"          "
    $("#up").append(this.move);
}

注意:cssの中のクラス名はhtmlのクラス名と一致して、どのようにこのようなフォーマットのデータを書きます.
css:普通に書いた後にtsにコピーします

html:htmlにtsにコピーすればいい