2010/08/24 10:09
jQuery 에서 filter와 find의 차이점은
.find()는 혀재 집합의 자식들에 대해 선택하거나 동작하는 반면 .filter()는 오진 현재 요소 집합에 대해 동작한다. 선택된 요소의 자식들을 다시 한번 골라내기 위해서 현재 래퍼 집합을 컨텍스트로서 사용하여 요소 집합을 변경하려 한다면 .find()를 사용하면 된다. 하지만, 단지 현재의 래퍼 집합을 필터링한 뒤 그 집합 안에 남아있는 DOM 요소들의 새로운 집합을 얻고자 한다면 .filter()를 사용해야 한다.
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<div style="background-color:#87A3D6">
<p>jquery의 <em>find</em>와 <em>filter</em>의 차이점</p>
</div>
</body>
<script type="text/javascript">
alert("div 내에 p 태그의 length(filter 이용) : " + $("div").filter("p").length);
alert("div 내에 em 태그의 length(filter 이용) : " + $("div").filter("em").length);
alert("div 내에 p 태그의 length(find 이용) : " + $("div").find("p").length);
alert("div 내에 em 태그의 length(find 이용) : " + $("div").find("em").length);
</script>
</html>
이것을 실행하면 첫번째와 두번째는 length가 0이 나오고
그다음의 alert창은 1과 2를 보여준다.
