abstract：基本選擇器$('#id名') 根據(jù)給定的id來匹配到元素$('.class名')根據(jù)給定的class來匹配到元素$('element')根據(jù)給定的標簽名來匹配到元素$('*')匹配所有元素$('#id,.class,element')匹配到頁面中多個選擇器層級選擇器$('父級元素>子級元素' )

基本選擇器

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

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

$('element')根據(jù)給定的標簽名來匹配到元素

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

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

層級選擇器

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

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

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

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

順序選擇器

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

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

比較選擇器

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

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

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

奇數(shù)偶數(shù)

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

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

非

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

內容選擇器

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

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

$('empty')匹配不含有內容的元素

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

屬性選擇器

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

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

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

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

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

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

$('attrsel[1] attrsel[2] attrsel[3]')復合選擇器，需要同時滿足多個條件

表單選擇器

$(':enabled')所有激活的input元素

$(':disabled')所有禁用的input元素

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

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

e="">看書

<input type="checkbox" name="">音樂

<input type="checkbox" name="">跑步

</form>

<script>

$(document).ready(function(){

$(':checked').parent().css('color','red')

})

</script>

Correcting teacher：韋小寶Correction time：2019-02-02 17:58:18
Teacher's summary：寫的很不錯 選擇器是很重要的一個知識，后面日子離不開 一定要好好掌握！因為是都回了老家難免會有一些瑣事，可能會耽誤批改作業(yè)！請見諒！后面都幾天就不需要審核了！