详解jQuery中的元素的属性和相关操作

$('<a/>', {
html : '这是一个 <strong>新</strong> 超链接',
'class' : 'new',
href : 'foo.html'
});

注意上面传入的 JavaScript 对象，里面的第二个属性 class 被加了引号，因为 class 是 JavaScript 的保留字，html 和 href 不是，所以不需要加引号。

创建新元素后，新元素并不会自动加入到页面中。加入页面中的话，可以用下面的方法：

var $myNewElement = $('<p>New element</p>');
$myNewElement.appendTo('#content');
$myNewElement.insertAfter('ul:last'); // 此操作会把 p 元素从 #content 中移除
$('ul').last().after($myNewElement.clone()); // 当然也可以克隆一个出来，现在 #content 中有两个 p 了哦

严格来说，不是一定要将新创建的元素保存在一个变量中，可以在创建后直接加入页面内。但是很多时候新创建的元素都要被多次使用，所以要缓存在一个变量中，这样不用重复去创建它了。

你甚至可以在向页面添加元素时创建它，但是这种情况下无法获得新创建元素的引用：

$('ul').append('<li>list item</li>');

往页面中添加新元素非常简单，但是如果需要向页面新加很多很多个元素的话，可能会有性能问题。因为每次向页面中添加元素，整个页面的 HTML 都要作为字符串参与拼接，这是非常耗费性能的。这种情况下，通常有以下处理方法：

var myItems = [], $myList = $('#myList');
for (var i=0; i<100; i++) {
  myItems.push('<li>item ' + i + '</li>');
}
$myList.append(myItems.join(''));