JQuery是一個流行的JavaScript庫，提供了一系列工具簡化HTML文檔的操作。在JQuery中，使用index()函數(shù)可以獲取匹配的元素在選擇器中的位置索引，也可以根據(jù)給定的元素查找其在選擇器中的位置。然而，在這些情況下，當(dāng)元素未找到時(shí)，index()函數(shù)會返回-1。下面我們將詳細(xì)介紹JQuery index -1的使用方法。

$(document).ready(function(){
let index1 = $("p").index("#intro");
let index2 = $("p").index("#outro");
console.log(index1); // 輸出結(jié)果: 1 
console.log(index2); // 輸出結(jié)果: -1 
});

上述代碼中，我們首先使用index()函數(shù)查找p元素在選擇器中的位置索引。第一個參數(shù)是CSS選擇器，表示查找id為“intro”的元素，第二個參數(shù)可選，表示在哪個選擇器范圍內(nèi)查找元素。而后我們使用類似的方式查找id為“outro”的元素，但是在HTML文檔中沒有該元素，所以index()函數(shù)返回-1。

值得注意的是，index()函數(shù)還可以用于元素?cái)?shù)組和jQuery對象。對于元素?cái)?shù)組，我們可以直接調(diào)用該函數(shù)，并傳入需要查找元素的值。對于jQuery對象，我們需要使用filter()函數(shù)先篩選需要查找的元素再調(diào)用index()函數(shù)。

let arr = ["Hello", "World", "jQuery"];
let index3 = $.inArray("World", arr);
console.log(index3); // 輸出結(jié)果: 1 
let $p = $("p:even");
let index4 = $p.filter("#intro").index();
console.log(index4); // 輸出結(jié)果: 0

以上代碼演示了如何使用元素?cái)?shù)組和jQuery對象在不同情況下調(diào)用index()函數(shù)。值得一提的是，當(dāng)傳入元素?cái)?shù)組時(shí)，我們需要使用$.inArray()方法，而不是直接使用index()函數(shù)。同時(shí)，filter()函數(shù)可以用于過濾元素，再在過濾后的元素中調(diào)用index()函數(shù)，以查找對應(yīng)元素在選擇器中的位置。

綜上所述，JQuery index -1的使用方法非常簡單，對于未找到的元素，index()函數(shù)會返回-1。因此，在使用該函數(shù)時(shí)需要注意判斷返回值是否為-1，以避免出現(xiàn)不必要的錯誤。