- 跨平台移动APP设计及应用
- 张思民
- 217字
- 2021-03-23 13:28:09
3.3.3 jQuery的过滤选择器
1.基本过滤选择器
基本过滤选择器是指以冒号(“:”)开头,通常用于实现简单过滤效果的筛选器,如表3.3所示。
表3.3 基本过滤选择器
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00054001.jpg?sign=1739573122-C8lczYEkMvd39iiGW9MQMHnoHz3fmaHO-0-3780cdf68ae42b7a159e983be856a56d)
【例3-8】 基本过滤选择器应用示例。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00054002.jpg?sign=1739573122-wVO5xTIla74Vtl1gGnPsaF28aFJtc68b-0-5d1682b6378680a5cd2008a929571bae)
程序运行结果如图3.9所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00055002.jpg?sign=1739573122-Y7WiNMlONK26mbHJTUf8GGhb9TNKv1z5-0-93f2bc4f228b6634a7fba26223e118ae)
图3.9 基本过滤选择器示例
2.内容过滤选择器
内容过滤选择器是指通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选,内容过滤选择器如表3.4所示。
表3.4 内容过滤选择器
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00055003.jpg?sign=1739573122-GdsM6D9o88u3gdLYNAw5esxAKH0Eeq6G-0-1f28f3e38bb01729fb415371762542e9)
【例3-9】 jQuery的内容过滤选择器应用示例。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00055004.jpg?sign=1739573122-7beeChjrpgk0HOMxn6Xfl5aXIOEF7YiW-0-eb536d95de313f11e63d61215fdadc61)
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00056001.jpg?sign=1739573122-5dQurjwao4ubFaJ43s59jsZJmqHrNh1L-0-eb271d815e00b2738688e3253319e4c4)
程序运行结果如图3.10所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00056002.jpg?sign=1739573122-0FAnHFz4Ei5aX8VRud6rwEBGJGPKod15-0-7ac35f88fadf5eaee0f23ad8d856721e)
图3.10 内容过滤选择器应用示例