Find/Filter 차이점

1491 단어
Find는 규칙에 맞는 모든 하위 요소를 발견하고 Filter는 모든 요소를 찾습니다.
<html>
<head>
 
<script type="text/javascript" src="jquery.js"></script>
 
<style type="text/css">
	div{
		padding:8px;
		border:1px solid;
	}
</style>
 
</head>
 
<body>
 
<h1>jQuery find() vs filter() example</h1>
 
<script type="text/javascript">
 
  $(document).ready(function(){
 
    $("#filterClick").click(function () {
 
	$('div').css('background','white');
 
	$('div').filter('#Fruits').css('background','red');
 
    });
 
    $("#findClick").click(function () {
 
	$('div').css('background','white');
 
	$('div').find('#Fruits').css('background','red');
 
    });
 
  });
</script>
</head><body>
 
<div id="Fruits">
	Fruits
	<div id="Apple">Apple</div>
	<div id="Banana">Banana</div>
</div>
 
<div id="Category">
	Category
	<div id="Fruits">Fruits</div>
	<div id="Animals">Animals</div>
</div>
 
<br/>
<br/>
<br/>
 
<input type='button' value='filter(Fruits)' id='filterClick'>
<input type='button' value='find(Fruits)' id='findClick'>
 
</body>
</html>

좋은 웹페이지 즐겨찾기