摘要：1基本選擇器 // 語法// $('#id名')根據(jù)給定的id來匹配到元素// $('.class名')根據(jù)給定的class來匹配到元素// $('element')根據(jù)給定的標(biāo)簽來匹配到元素// $('*')匹配到所有元素// $('#id名,.class名,element')匹配到頁面中多個選擇器2 層級

1基本選擇器 

// 語法

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

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

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

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

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

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

// 語法

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

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

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

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

3 順序選擇器

// 順序

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

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

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

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

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

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

// 奇偶數(shù)  (是從0開始)

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

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

// 非

// $(':not(selector)')

4 內(nèi)容選擇器 

// 語法

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

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

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

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

5  屬性選擇器

// 語法

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

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

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

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

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

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

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

6  表單選擇器

// 語法

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

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

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

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

批改老師：天蓬老師批改時間：2019-04-11 09:16:55
老師總結(jié)：對于表單中的一個控件， 有很多種方法來選取， 但實際工作中， 建議不要選擇過于復(fù)雜的選擇器， 選擇一種最簡單的， 最直觀的就好， 畢竟代碼是讓人來讀的， 而這個人， 以后不一定是你本人， 就算是你自己， 過上幾個月再看， 也不一定能一眼看明白，對不？