4、jQuery选择器与DOM遍历方法全解析

jQuery选择器与DOM遍历方法全解析

一、jQuery选择器表达式

在jQuery中，有多种强大的选择器表达式，可帮助我们精准地选择DOM元素。

1. 包含文本选择器（:contains(text)）

   • 功能 ：选择所有包含指定文本的元素。
   • 示例 ：
     • $('p:contains(nothing special)') 选择所有包含文本 “nothing special” 的 <p> 元素。
     • $('li:contains(second)') 选择所有包含文本 “second” 的 <li> 元素。
   • 说明 ：匹配的文本可以直接出现在所选元素中，也可以在其任何后代元素中。括号内的文本可以写成裸词或用引号括起来，并且文本的大小写必须匹配才能被选中。

2. 包含元素选择器（:has(E)）

   • 功能 ：选择所有包含匹配E的元素的元素。
   • 示例 ：