sivagao/避免重复查询requery

## 避免重复查询requery
<!doctype html>
<html lang="en">
<head>
<title>JavaScript 模式和反模式</title>
<meta charset="utf-8">
</head>
<body>
<script>
 /* 题目: 重复查询
  * 描述: 使用jQuery的链接，可以避免重复查询
  */

 // 反模式
 // 创建并附加一个元素
 $(document.body).append("<div class='baaron' />");
 // 重新查询，再绑定事件
 $("div.baaron").click(function () {
 });


 // 模式
 // 使用appendTo，可以用jQuery的链接追加并绑定
 $("<div class='baaron' />")
   .appendTo(document.body)
   .click(function () {
   });


 // 参考
 // http://paulirish.com/2009/perf/
</script>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<title>JavaScript 模式和反模式</title>
	<meta charset="utf-8">
	</head>
	<body>
	<script>
	/* 题目: 重复查询
	* 描述: 使用jQuery的链接，可以避免重复查询
	*/

	// 反模式
	// 创建并附加一个元素
	$(document.body).append("<div class='baaron' />");
	// 重新查询，再绑定事件
	$("div.baaron").click(function () {
	});


	// 模式
	// 使用appendTo，可以用jQuery的链接追加并绑定
	$("<div class='baaron' />")
	.appendTo(document.body)
	.click(function () {
	});


	// 参考
	// http://paulirish.com/2009/perf/
	</script>
	</body>
	</html>