abstract:基本选择器共有五种类型:$('#id名')是根据给定的id来匹配到元素;$('.class名')是根据给定的class来匹配到元素;$('element')是根据给定的标签名来匹配到元素;$('*')是匹配所有元素;$('#id,.class名,element')是匹配到页面中多个选择器层级选择器:$('父级元
基本选择器共有五种类型:$('#id名')是根据给定的id来匹配到元素;$('.class名')是根据给定的class来匹配到元素;$('element')是根据给定的标签名来匹配到元素;$('*')是匹配所有元素;$('#id,.class名,element')是匹配到页面中多个选择器
层级选择器:$('父级元素 > 子级元素')是给定的父子元素下匹配的所有子元素;$('祖先元素 后代元素')是给定的祖先元素下匹配的所有后代元素;$('prev + next')是指匹配在prev紧跟的next元素它们是属于同级的元素;$('prev ~ siblings')是匹配prev后面的所有siblings元素;
顺序选择器:要想查找第一个元素,可以使用$(':first'),反之使用$(':last') ;要是想要进行比较,可以用$(':gt(x)')比较出大于X值的元素,$(':lt(x)')表示小于X值的元素,$(':eq(x)')表示等于X值的元素;要是想奇偶数的话,$(':odd')是指从奇数顺序开始,反之$(':even')是从偶数顺序开始;$(':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:你看一下你的排版, 实在是太乱了知道你总结不易, 就不能简单排一下吗?