頁面的任何操作都需要節點的支撐,開發者如果快速高效的找到指定的節點也是前端開發中的一個重點。jQuery提供了一系列的選擇器幫助開發者達到這一目的,讓開發者可以更少的處理復雜選擇過程與性能優化,更多專注業務邏輯的編寫。
jQuery幾乎支持主流的css1~css3選擇器的寫法,我們從最簡單的也是最常用的開始學起。
id選擇器:一個用來查找的ID,即元素的id屬性。
$('#id')
id選擇器也是基本的選擇器,jQuery內部使用的JavaScript函數document.getElementById()來處理ID的獲取。原生語法的支持總是非常高效的,所以在操作DOM的獲取上,如果能采用id的話盡然考慮使用這個選擇器。
值得注意的是:
id是唯一的,每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id,將只匹配id選擇集合的第一個DOM元素。但這種行為不應該發生,有超過一個元素的頁面使用相同的id是無效的。
