jQuery基本过滤选择器 - 极悦
jQuery基本过滤选择器
测试前的准备工作
A、定义测试对象
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002644@eecd1a20e8387016b80b45123657c6e4.png)
B、定义测试对象的 CSS 样式
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002682@96c80e9454d9463482e5e9a04119aff2.png)
C、定义测试使用的按钮
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002733@6e0fdb1edd749c3b336d7bc8811aaccb.png)
选择第一个:first
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002767@7e59298aaf2739776b18387ae38a6cf0.png)
选择最后一个:last
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002807@6f87d6f794bb609c686e41f8b9112af5.png)
排除指定 id 的元素:not(#id)
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002841@79247fb04968ac934173b3a076d8e75c.png)
排除指定 class 的元素:not(.className)
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002876@7c4f87be82bc4c0615df57886f6cc22e.png)
选择索引号为奇数的元素:odd
注意,指定元素的索引号从 0 开始计数。
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002909@aae1837f119cba4ec8c412af2d4cd9df.png)
选择索引号为偶数的元素:even
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002948@3d0d687512591cc77da40eaa47300ded.png)
选择索引号等于 3 的元素:eq()
![](/_m_/Public/Uploads/index/itArticle/20190620/1561002989@3ce0ccb7b13f814b5d0c9910deeeb8b6.png)
选择索引号小于 3 的元素:lt()
![](/_m_/Public/Uploads/index/itArticle/20190620/1561003028@565947b81f8055c4335d88bca9159cc6.png)
选择索引号大于 3 的元素:gt()
![](/_m_/Public/Uploads/index/itArticle/20190620/1561003062@9c96f14b3fbae496d0fd9d70276b78e4.png)
选择所有标题元素:header
所谓标题元素是指,等元素。
![](/_m_/Public/Uploads/index/itArticle/20190620/1561003113@9c8e3db3a393628e508e1cc1f4abd1b3.png)