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ù)的話,$(':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[1] attrSel[1]')復合選擇器,需要同時滿足多個條件時使用
表單選擇器:$(':enabled')所有激活的input元素(可以使用的input元素);$(':disabled')所有禁用的input元素(不可以使用的input元素);$(':selected')所有被選取的元素,針對于select元素;$(':checked')所有被選中的input元素
Correcting teacher:天蓬老師Correction time:2019-05-28 16:01:11
Teacher's summary:你看一下你的排版, 實在是太亂了知道你總結不易, 就不能簡單排一下嗎?