摘要：基本選擇器 語法 $('#id名')根據(jù)給定的id第來匹配到元素 $('.class名')根據(jù)給定的class第來匹配到元素 $('*')匹配所以元素 $('#id,.class名,element')匹配到頁面中多個選擇器層級選擇器（相當(dāng)于父類和子類的元素關(guān)系） 給定的父級元素下匹配的所有的子元素:$('父級元素 > 子

基本選擇器

語法

$('#id名')根據(jù)給定的id第來匹配到元素

$('.class名')根據(jù)給定的class第來匹配到元素

$('*')匹配所以元素

$('#id,.class名,element')匹配到頁面中多個選擇器

層級選擇器（相當(dāng)于父類和子類的元素關(guān)系）

給定的父級元素下匹配的所有的子元素:$('父級元素 > 子級元素')

給定的祖先元素下匹配所有的后代元素：$('祖先元素 后代元素')

匹配緊跟在prev元素后面的next元素：$('prev + next')(同級的元素)

匹配prev元素后面所有的siblings元素：$('prev ~ siblings')

順序選擇器

1.順序

$(':first')第一個元素

$(':last')最后一個元素

2.比較(x的順序是從0開始)

$(':gt(x)')表示大于值x的元素

$(':lt(x)')表示小于值x的元素

$(':eq(x)')表示等于值x的元素

3.奇偶數(shù)

$(':odd')奇數(shù)順序

$(':even')偶數(shù)順序

4.非

$(':not(selector)')匹配不是selector的所有元素

內(nèi)容選擇器

語法：

$(':contains(text)')匹配包含給定文本(text)的元素

$(':has(selector)')匹配包含特定選擇器元素的元素

$(':empty')匹配不含有內(nèi)容的元素（即 不包含子元素或者文本的空元素）

$(':parent')匹配含有子元素或者文本的元素

表單選擇器

語法：

$(':enabled')所有激活input元素（可以使用的input元素）

$(':disabled')所有禁用的input元素（不可以使用input元素）

$(':selected')所有被選取的元素，針對于select元素

$(':checked')所有被選中的input元素

屬性選擇器

語法：

$('[屬性名]')匹配包含給定屬性的元素

$('[attribute=value]')匹配給定屬性是某個特定值的元素

$('[attribute ! =value]')匹配所有不包含指定的屬性，或者說是屬性不等于特定值的元素

$('[attribute ^= value]')匹配給定屬性是一某些值開始的元素

$('[attribute $= value]')匹配給定屬性是以某些值結(jié)尾的元素

$('[attribute] *= value')匹配給定屬性包含某些值的元素

$('attSel[1] attSel[1] attSel[1]')復(fù)合選擇器，需要同時滿足多個條件使用

批改老師：韋小寶批改時間：2019-02-21 11:39:19
老師總結(jié)：總結(jié)的是沒有任何毛病 也很全面 但是這些選擇器還是要使用到實際的案例中才能更快的掌握哦