jQuery選擇器是在jQuery庫中使用的一個強大的工具,允許通過不同的方法從網頁中選擇元素。隨著您的jQuery技能逐漸增強,您需要了解一些更高級的選擇器,以優化您的代碼,使其更具靈活性。
以下是一些jQuery選擇器的進階示例:
// 1. 子選擇器 $('ul > li').css('border', '1px solid red'); // 2. 偽類選擇器 $('input:checked').parent().css('background-color', 'yellow'); // 3. 屬性選擇器 $('[href]').css('color', 'blue'); // 4. 奇偶選擇器 $('tr:even').css('background-color', 'grey'); // 5. 后一個兄弟選擇器 $('button + p').css('font-weight', 'bold'); // 6. 利用變量 var myVariable = 'p'; $(myVariable).css('color', 'red');
這些是一些簡單的jQuery選擇器,但它們可以將您的代碼提升到新的水平。確保您理解它們的工作方式,并考慮在需要時將它們添加到代碼中。