前面学习的一些选择器,除了$('#id属性值')选择器,其他的选择器都是有可能匹配到多个元素的。比如:
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr")会匹配所有的<tr>元素。假如我们只匹配其中的一个或几个,该怎么操作呢?
我们把$("tr")当成数组使用下标来操作
看第10行可不可以?
显然不可以,报错了。
正确的操作方式是通过过滤器匹配。
什么是过滤器?过滤器也是选择器,它是在基本选择器、层级选择器上进一步做过滤的选择器。先学第一个过滤器——基本过滤器。
基本过滤器
也可以称为并且选择器
很好理解的,这是本节的演示代码,大家自己测试下吧
基本过滤器是在已有的选择器上进一步过滤匹配。它不光可以过滤基本选择器,也可以过滤层级选择器。
前面我们学习了一个联合选择器,$(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)它们之间是“与”的关系。
下面是相关的演示代码