Find / Filter區別

時間 2019-11-17

標籤 filter 區別简体版

原文原文鏈接

Find是發現全部的符合規則的子元素， Filter則是找出全部的元素。 javascript

<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>

相關標籤/搜索