jQuery应用总结(一)：DOM与事件

1. 延迟创建DOM

jQuery在使用创建DOM时，并不会立即调用document.createElement创建HTML元素，而是只有挂载到DOM结构树时，才会生成HTML元素，如下所示：

//  此时并不会创建HTML元素
var view = $("<div></div>");
//  此时才会生成HTML元素
view.appendTo(document.body)

换句话说，无论用哪种方式创建DOM，都会生成HTML片段，只要没有挂载到DOM树上（例如BODY元素），都不会发生找不到DOM元素的错误，所以在Document文档加载完成之前，一直都可以创建元素，但是不能挂载。

2. 手动创建事件

手动创建与触发鼠标点击事件：

//  创建鼠标点击事件
var e = $.Event('click');
//  触发鼠标点击事件
$('button#btnSave').trigger(e);

手动创建与触发键盘输入事件：

//  模拟输入A
var e = $.Event('keydown', { keyCode: 65 });
//  触发文本框输入事件
$(':text#username').trigger(e);