jQuery创建新元素

jQuery创建新元素

当HTML字符串是没有属性的元素时, 内部使用document.createElement创建元素

创建div元素到testDiv

$("<div/>").css("border","solid 1px #FF0000").html("动态创建的div").appendTo(testDiv);

否则使用innerHTML方法创建元素:

$("<div style=\"border:solid 1px #FF0000\">动态创建的div</div> ").appendTo(testDiv)

一定不要在页面加载时就改变页面的DO M结构, 比如添加一个元素. 正确的做法是在页面加载完毕后添加或删除元素. 

//jQuery 使用动态创建的$(document).ready(function)方法

$(document).ready( function() 

    { testDiv.innerHTML = "<div style=\"border:solid 1px #FF0000\">使用动态创建的$(document).ready(function)方                  法</div>"; }  

); 

更简洁语法：

$(

        function() { testDiv.innerHTML += "<div style=\"border:s olid 1px #FF0000\">使用$(function)方法</div>"; }  

);