//過濾自身標籤
//CSS
div div{ width:50px; height:50px; float:left; border:2px #039 solid;}

//HTML
<div>
	<div class="filterDiv"></div>
	<div class="filterDiv"></div>
	<div></div>
</div>
<div>
	<div class="filterDiv"></div>
	<div></div>
	<div id="filterId"></div>
</div>

//CODE
//div div變更背景色後，過濾出class為filterDiv的div，變更框線顏色
$("div div").css("background", "#039").filter(".filterDiv").css("border-color", "#000");

※蘭さん：首先取得總共6個位於div下的div，設定了背景色，之後再過濾掉只剩下class是filter的div，變更框線顏色。

※蘭さん：您也可以使用下面方式，結果是一樣的。

//div div變更背景色
$("div div").css("background", "#039");
//div div.filterDiv，變更框線顏色
$("div div.filterDiv").css("border-color", "#000");			

※蘭さん：看到這，一定會有疑問，因為照下面的方式，根本不用使用到filter，那它的存在有意義？
※蘭さん：關於這個問題，笨笨的蘭さん感覺是在執行效率的差異，因為下面的方式要需要重新尋找一次div div.filterDiv，而上面的方式則只是找到的div div後，再進行過濾。

※蘭さん：官網還有另一個使用function的方式。
//div div變更背景色後，過濾出第1個和id為filterId的div，變更框線顏色
$("div div").css("background", "#039")
	.filter(function (index) {
		return index == 0 || $(this).attr("id") == "filterId";
	})
	.css("border-color", "#000");

※蘭さん：取得6個位於div下的div，設定了背景色，之後再過濾掉只剩下第1個和id是filterId的div，變更框線顏色。