jQuery indexOf：追寻目标元素的奇妙旅程
哎呦喂，各位看官，今天咱们来聊聊 jQuery 的 indexOf() 方法。这可是个神奇的小工具，能帮我们在网页元素中找到目标元素，就像是在茫茫人海中寻找你的真爱一样！
不过，你可能会问：这 indexOf() 方法究竟是怎么找到目标元素的呢？它又是如何判断它找到了目标元素呢？
别急，且听我慢慢道来！
我们要知道，indexOf() 方法其实是 JavaScript 中的原生方法，jQuery 只是借用它来实现对网页元素的查找功能。
简单来说，indexOf() 方法就像是一张地图，你告诉它你要找的目标元素，它就会沿着地图上的路线，一路寻找，直到找到目标，或者走到地图的尽头。
地图上怎么标记？
在 jQuery 中，使用 indexOf() 方法，你只需要提供两个参数：
1. 目标元素: 你要找的元素，可以是 jQuery 对象，也可以是 CSS 选择器。
2. 起点元素: 从哪里开始寻找，也是 jQuery 对象或者 CSS 选择器。
举个例子：
假设我们要在页面上找到所有
标签，并找出其中第一个带有 class="highlight" 属性的
标签的索引。
html
这是一段普通文字。
这是一段被标记的文字。
这是一段普通文字。
我们可以使用以下代码：
javascript
const paragraphs = $('p');
const highlightParagraph = paragraphs.filter('.highlight');
const index = paragraphs.index(highlightParagraph);
console.log(index); // 输出结果：1
解释一下：
我们使用 $('p') 获取所有
标签，并将其存储在 paragraphs 变量中。
然后，使用 filter('.highlight') 筛选出所有带有 class="highlight" 属性的
标签，并存储在 highlightParagraph 变量中。
我们使用 paragraphs.index(highlightParagraph) 方法，查找 highlightParagraph 在 paragraphs 中的索引，并将结果存储在 index 变量中。
最终，index 变量的值为 1，表示 highlightParagraph 是 paragraphs 中的第二个元素。
地图上怎么寻找？
indexOf() 方法会从起点元素开始，逐个遍历目标元素列表，直到找到匹配的目标元素，或者遍历完所有元素。
如果找到了目标元素，indexOf() 方法会返回目标元素在列表中的索引值，也就是目标元素在列表中的位置编号，从 0 开始计数。
如果遍历完所有元素都没有找到目标元素，indexOf() 方法会返回 -1，表示没有找到目标元素。
如何判断是否找到了目标元素？
所以，判断 indexOf() 方法是否找到了目标元素，只需要检查它的返回值：
如果返回值是大于等于 0 的整数，则表示找到了目标元素，返回值就是目标元素在列表中的索引。
如果返回值是 -1，则表示没有找到目标元素。
是不是很简单呢？
总结
jQuery indexOf() 方法就像是一张地图，它可以帮助我们快速找到目标元素。只要你掌握了它的使用方法，就能轻松地运用它来操作网页元素，让你的代码更加简洁高效。
想问问你，你都用 indexOf() 方法做过哪些神奇的事情呢？快来分享你的经验吧！