第十三章:第4节jQuery选择器——基本过滤器

更新于:2017-12-13 15:33:09

前面学习的一些选择器,除了$('#id属性值')选择器,其他的选择器都是有可能匹配到多个元素的。比如:


<table>
 <tr><td>Header 1</td></tr>
 <tr><td>Value 1</td></tr>
 <tr><td>Value 2</td></tr>
</table> 


$("tr")会匹配所有的<tr>元素。假如我们只匹配其中的一个或几个,该怎么操作呢?


我们把$("tr")当成数组使用下标来操作


1.png


看第10行可不可以?


1.png


显然不可以,报错了。


正确的操作方式是通过过滤器匹配。


什么是过滤器?过滤器也是选择器,它是在基本选择器、层级选择器上进一步做过滤的选择器。先学第一个过滤器——基本过滤器。


基本过滤器


1.png


也可以称为并且选择器

1.png


很好理解的,这是本节的演示代码,大家自己测试下吧


1.png


基本过滤器是在已有的选择器上进一步过滤匹配。它不光可以过滤基本选择器,也可以过滤层级选择器


1.png


1.png


前面我们学习了一个联合选择器,$(s1,s2,s3,s4,s5)等同于$(s1)、$(s2)、$(s3)、$(s4)、$(s5)这5个选择器各自匹配到的标记元素。$(s1)、$(s2)、$(s3)、$(s4)、$(s5)它们之间是“”的关系。


如果把“,”去掉,$(s1s2s3s4s5)就变成了基本过滤器。$(s1s2s3s4s5)等同于$(s1)、$(s2)、$(s3)、$(s4)、$(s5)这5个选择器共同匹配到的标记元素。$(s1)、$(s2)、$(s3)、$(s4)、$(s5)它们之间是“”的关系。


下面是相关的演示代码


1.png


本节学习代码》》》