在jquery中選取子元素的方法：1.新建html項目，引入jquery；2.在項目中創建html元素；3.使用child方法選取子元素；
具體步驟如下：
1.首先，在新建一個html項目，在項目中引入jquery；
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后，在項目中創建html元素，用于測試；
<div class="top"><div>
<li></li>
<li></li>
</div>
<div>
<li></li>
<li></li>
</div>
</div>
3.最后，html元素創建好后，在項目中使用child方法即可選取子元素；
1）使用first-child選取父元素中的第一個子元素
$(document).ready(function(){
$('#btn2').click(function(){
$('div.one :first-child').css("background","#bbffaa");
})
});
2）使用last-child選取父元素中的最后一個子元素
$(document).ready(function(){
$('#btn3').click(function(){
$('div.one :last-child').css("background","#bbffaa");
})
});
3）使用nth-child(n)選取父元素中的第n個個子元素
$(document).ready(function(){
$('#btn1').click(function(){
$('div.one :nth-child(n)').css("background","#bbffaa");
})
});
