在前端开发中，我们经常会遇见需要精细控制DOM元素的情况。比如，我们要找到页面上第N个p标签，或者某个特定类名的DOM元素位于页面上的第几个位置等等。当我们对页面DOM元素的控制面临较大的挑战时，我们需要采用一些高效而精准的定位方法来解决问题。其中，jQuery中的indexOf方法是一种很实用的技巧，可以让我们快速精准地定位元素的位置。

一、什么是jQuery的indexOf方法？

indexOf方法是JavaScript中的一种方法，用来查找数组中指定元素的位置。而在jQuery中，该方法则用于查找包含指定选择器的元素在其同级元素中的位置。该方法将返回元素在同级元素中的索引位置，统计的方式是从0开始的，也就是说第一个同级元素索引为0，第二个为1，以此类推。

二、如何使用jQuery的indexOf方法？

使用jQuery的indexOf方法相当简便，只需要按照以下格式书写代码即可。

$(selector).index();

在该方法中，我们需要传入一个参数，即选择器selector。该选择器可以是所有jQuery支持的选择器中的任一种类型，比如标签、类名、ID、属性选择器等等。该方法将返回元素在同级元素中的索引位置。

需要注意的是，当选择器指定的元素在兄弟元素中不存在时，会返回-1的值，表示该元素在同级节点中不存在。

比如，下面这个例子中，我们可以运用indexOf方法来确定属性为class属性名为secondli的li标签的位置。