jQuery1.4中创建DOM的新方法
by 愚人码头
at 2011-01-06 14:50:45
original http://www.css88.com/archives/2987
在jQ1.4以前我们创建DOM并且添加到DOM树大致是这样的： var oNewp = $("<p>我测试成功了</p>"); oNewp.addClass("red").appendTo("#target"); 或者，稍微复杂一点： $("<div></div>") .attr("id","css") .height(90) .css("border","1px solid #000") .html("fuck world!") .appendTo(document.body); jQuery1.4带来了一个全新的便捷地清晰的DOM对象创建方法，在 jQuery 1.4中，我们可以传递一个对象作为第二个参数。 这个参数接受一个属性的集合，这些可以传递给.attr() 方法。此外，一些event type（事件类型）能通过， 而且后面的jQuery方法能够调用： val, css, html, text, data, width, height, or offset。详见：http://www.css88.com/jqapi/#p=jQuery 例如，我们创建一个文本框： $("<input />",{ "class":"bg-yellow", "id":"fuck", css:{ "border":"1px solid #000", "font-size":"25px" }, value:"fuck world!", focusin:function(){ $(this).css("border","5px solid #FF3300"); }, focusout:function(){ $(this).css("border","1px solid #000"); } [...]