//在html中相關程式碼
//我們有嵌套了三層的div
<div class="grandpa">
    <div class="pa">
        <div id="child1" class="child not-gay"></div>
        <div id="child2" class="child"></div>
        <div id="child3" class="child"></div>
    </div>
</div>

//JQ中給我們提供了相關的方法
   $('.grandpa').find('.child').css('border','2px solid #999');
   	  //這裡的find方法，可以找到class為grandpa下的class為child的div
   $('#child1').parent().css('border','2px solid #666');
   	  //parent()方法，我們先直接找到id為child1的div，使用parent()方法，可以找到它是父級標籤
   $('#child1').parents('.grandpa').css('border','2px solid #333');
      //parents()方法，我們先直接找到id為child1的div，使用parenst()方法，可以找到它的先祖標籤，如果不傳入具體的值，那麼就會找到id為child1的div的所有父級標籤
   $('.child').filter('.not-gay').css('background','red');
      //filter是過濾器，我們有三個class為child的div，但是其中有一個div還有一個類叫做not-gay,那麼我們用filter()方法，在括號內傳入這個類，就可以選中這個div
 

上面的程式碼中使用了css()方法，這個方法是給相關標籤增加css樣式。

//例如給class為grandpa的div加上邊框，如果你還要加別的樣式，比如加一個背景色，我們還可以在後面繼續追加
$('.grandpa').find('.child').css('border','2px solid #999').css('background','blue');
//有的情況可能會加很多的樣式，那麼我們可以在css()方法中傳入一個物件
$('.grandpa').find('.child').css({
	border:'2px solid #999',
	background:'blue'
	……
});