jQueryjquery过滤选择器276

　　概述
　　本节过滤选择器与上一章节选择器的知识密切相关
　　过滤选择器：就是在已选择的结果集中再次选择筛选满足条件的元素
　　jQuery过滤选择器分类主要有1）基本过滤选择器2）属性过滤选择器3）子元素过滤选择器4）内容过滤选择器5）可见性过滤选择器6）表单对象属性过滤选择器，本章节主要学习前3个过滤选择器基本过滤选择器
　　简单来说就是在给定的结果集内选择符合条件的元素，这里只说常用的4种
　　1：first：last选取第一个最后一个元素，从自身算起
　　注意：这两个过滤选择器的结果只有一个即无论从上到下或者从下到上只要找到一个符合条件的元素就立即返回body123body
　　下面例题多加了一个层次选择器的过滤选择器ulli1lili2lili3liululli4lili5lili6liul
　　分析过滤条件（ulli：first）；理解它的查找路径：
　　1）先通过层次选择器的（ulli）；，查找到所有ul下的li标签，结果为6个
　　层次选择器结果
　　2）（ulli：first）；的过滤范围是在（ulli）；的结果中查找到第一个符号条件的li标签
　　上面例题弄懂了，下面的过滤选择器非常好理解掌握就几个单词
　　2：not选取不满足条件的元素123
　　获取id不等于2的p
　　3：even：odd选取索引为奇数偶数的元素body123456body
　　获取索引奇偶数元素
　　注意：这里的索引不区分辈分（深度），是统一的进行索引编号的
　　元素索引不区分深度
　　4：eq：gt：lt选取索引等于大于小于索引的元素ulstylewidth：50px；backgroundcolor：f8d7d7；liststyle：noneliclassa01liliclassa12liliclassa23liliclassa34liliclassa45liliclassa56liul获取li索引等于2的元素varli（ulli：eq（2））；console。log（li）；获取li索引大于2的元素varlis（ulli：gt（2））；console。log（lis）；获取li索引小于2的元素varlis（ulli：lt（2））；console。log（lis）；
　　获取索引大于等于小于某个树元素
　　自己测试输入的索引值超出或是负值的结果，不再赘述
　　2）属性过滤选择器
　　针对元素的属性获取相应的元素，主要有以下几种：
　　2。1获取带有指定属性名称的元素，属性名称可以有一个或多个还可以是自定义的属性
　　格式例如（p〔属性名称1〕〔属性名称2〕。。。）；（ulli〔id〕〔class〕）；ulstylewidth：200px；backgroundcolor：f8d7d7；liststyle：noneliclassa0idl11classa0idl1liliclassa0idl22classa0idl2liliclassa1titleli3classa1titlelililiclassa3sf44classa3sf4liliclassa1titleli15classa1titleli1liliclassa3idlil16classa3idlil1liul获取当前页面带有id属性的元素varlis（〔id〕）；属性过滤器前面没有限制console。log（lis）；获取带有id属性的元素varlis（ulli〔id〕）；console。log（lis）；获取带有s属性的元素lis（ulli〔s〕）；console。log（lis）；可以得到自定义属性的元素
　　获取带有指定属性的元素
　　2。2获取属性值等于或不等于指定值的元素获取属性值等于a0的元素varlis（ulli〔classa0〕）；console。log（lis）；获取属性值不等于a0的元素lis（ulli〔class！a0〕）；console。log（lis）；
　　获取属性值等于不等于a0的元素
　　2。3获取属性名称以某值开头〔值〕以某值结尾〔值〕以包含某值〔值〕，以某值或某值加杠开头〔〕ulstylewidth：200px；backgroundcolor：f8d7d7；liststyle：noneliclassa0idl11classa0idl1liliclassa0idl22classa0idl2liliclassbatitleli3classa1titlelililiclassbasf44classa3sf4liliclassbatitleli15classa1titleli1liliclassabidlil16classa3idlil1liul获取属性值以a开头的元素varlis（ulli〔classa〕）；console。log（lis）；获取属性值以b或者b开头的元素lis（ulli〔classb〕）；console。log（lis）；获取属性值以0结尾的元素lis（ulli〔class0〕）；console。log（lis）；获取属性值包含b的元素lis（ulli〔classb〕）；console。log（lis）；
　　获取开头结尾，包含的元素
　　3）子元素过滤选择器
　　3。1：firstchild：lastchild获取每个父级的首个最后一个子元素，有则一个集合元素，无则空i1。1ispan1。2spanpidt2span2。1spani2。2ispan3。1spani3。2iconsole。log（（p：firstchild））；pt0，pt1console。log（（p：lastchild））；pt3
　　起结果与基本过滤器中的：first做对比
　　获取每个父元素下的首个最后一个的元素
　　3。2：nthchild（indexevenoddequation）获取每个父元素下的第几个偶数奇数表达式
　　index从1开始（与以往下标为0区别开）even获取每个父元素下子元素索引值为偶数的元素odd获取每个父元素下子元素索引值为奇数元素equation数学表达式如n1（n从0开始）ulstylewidth：200px；backgroundcolor：f8d7d7；liststyle：noneliclassa11liliclassa22liliclassa33liliclassa44liliclassa55liliclassa66liliclassa77liulconsole。log（（ulli：nthchild（1）））；li。a1console。log（（ulli：nthchild（even）））；li。a2，li。a4，li。a6console。log（（ulli：nthchild（odd）））；li。a1，li。a3，li。a5，li。a7console。log（（ulli：nthchild（n1）））；li。a1，li。a2，li。a3，li。a4，li。a5，li。a6，li。a7console。log（（ulli：nthchild（2n1）））；li。a1，li。a3，li。a5，li。a7console。log（（ulli：nthchild（n2）））；li。a1，li。a2