上一篇談到jQuery選到的元素都會以類陣列形式存儲，既然是類陣列...那當我要取用單個元素時，直覺想到array[index]的方式。
今天示範的html是這樣：

<ul>
  <li>我是老大</li>
  <li>我是老二</li>
  <li>我是老三</li>
<ul/>

我有三個小孩，要讓老大變顏色：

$(function () {                      //入口函數別忘記
  $("li")[0].css('color','red');     //.css()是jQuery的方法
                                      像是原生的.style
});

結果發現...老大沒有變色...!?
不死心地讓他console一下到底有沒有選到啦!!

$(function () {
  console.log($("li")[0]);
});

console的結果是

<li>我是老大</li>

恩恩???怎麼不是jQuery物件...
原來是因為$("li")[0]這樣的格式會把jQuery物件轉成原生JS的DOM物件
既然轉成原生JS的DOM物件
就不能用jQuery的方法
井水不犯河水的概念?XD

我很喜歡的一個有關於索引號的jQuery方法是==eq(index)==
index就是他的索引號
想要讓老大變色可以用

$(function () {
  $("li").eq(0).css('color','red');
});

就能成功變色啦!!!