最近在學(xué)習(xí)jQuery的時(shí)候，不禁感嘆jQuery選擇器真的太多了。雖然這是jQuery優(yōu)秀的一面，但是在實(shí)際運(yùn)用過程中，我們有時(shí)會(huì)感到選擇器種類繁多，不知道該選用哪一個(gè)。

// 以下為部分jQuery選擇器的示例代碼
// 基本篩選選擇器
$('element')
$('.class')
$('#id')
$('*')
$('selector1, selector2')
// 層次選擇器
$('ancestor descendant')
$('parent > child')
$('prev + next')
$('prev ~ siblings')
// 過濾選擇器
$(':first')
$(':last')
$(':even')
$(':odd')
$(':eq(index)')
$(':gt(index)')
$(':lt(index)')
$(':header')
$(':not(selector)')
$(':animated')
$(':focus')
$(':contains(text)')
$(':has(selector)')
$(':empty')
$(':parent')
$(':hidden')
$(':visible')
$(':input')
$(':checkbox')
$(':radio')
$(':text')
// 屬性選擇器
$('[attribute]')
$('[attribute=value]')
$('[attribute!=value]')
$('[attribute^=value]')
$('[attribute$=value]')
$('[attribute*=value]')
$('[attribute|="value"]')
// 表單選擇器
$(':button')
$(':reset')
$(':submit')
$(':image')
$(':file')
$(':checked')
$(':selected')
$(':enabled')
$(':disabled')
// jQuery擴(kuò)展選擇器
$.extend(...)

如上所示，jQuery選擇器種類不僅相當(dāng)豐富，而且還分別用于不同的場合。因此，選擇正確的選擇器對(duì)于我們來說非常重要。需要我們?cè)谶x擇時(shí)充分考慮場景和實(shí)際需要，嚴(yán)謹(jǐn)篩選出最優(yōu)的選擇器。

當(dāng)然，除了自己根據(jù)實(shí)際情況選擇選擇器以外，也可以通過閱讀jQuery文檔、查看相關(guān)博客或者尋求其他人的幫助來提高自己的jQuery選擇器能力。