Jquery選擇器是一種常用的前端開發(fā)工具，它可以幫助我們方便地選擇網(wǎng)頁(yè)中的元素進(jìn)行操作。但是只會(huì)用基本的選擇器可能會(huì)顯得有些單調(diào)，下面介紹幾種多樣化的選擇器。

//通過屬性選擇器選擇元素
$('input[name=username]')
$('input[name!=username]')
$('input[data-id=1]')
$('input[data-id!=1]')
//選擇器的層級(jí)關(guān)系
$('#parent > .child')
$('#parent .child')
$('.parent + .sibling')
$('.parent ~ .sibling')
//選擇器的索引值
$('li:first')
$('tr:even')
$('tr:odd')
$('tr:eq(3)')

以上幾種選擇器可以讓我們更加靈活地操作網(wǎng)頁(yè)，快速定位到想要的元素，增強(qiáng)代碼的可讀性和可維護(hù)性。