javascript-patterns/jquery-patterns/context-and-find.html at master · cyberpython/javascript-patterns · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!doctype html>
<html lang="en">
<head>
<title>JavaScript Patterns</title>
<meta charset="utf-8">
</head>
<body>
<script>
/* Title: context and find
   Description: better to choose `find` over `context`
*/

// antipattern
var arms = $('div.robotarm', '#container');
// preferred
var arms = $('#container').find('div.robotarm');

// antipattern
$('.reply_form', $(this).closest('.comment')).hide();
// preferred
$(this).closest('.comment').find('.reply_form').hide();

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