jQuery not()方法的用法

從之前的學習中我們可以知道，hasClass()、is() 等方法都是過濾“符合條件”的元素。在 jQuery 中，我們還可以使用 not() 方法來過濾“不符合條件”的元素，並且返回餘下符合條件的元素。其中，not() 方法可以使用選擇器來過濾，也可以使用函數來過濾。

語法：

$().not(selector或fn)

當 not() 方法參的數是一個選擇器時，表示使用選擇器來過濾不符合條件的元素，然後選取其餘元素。當 not() 方法的引數是一個函數時，表示使用函數來過濾不符合條件的元素，然後選取其餘元素。

舉例：選擇器過濾

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("li").not(".select").css("color", "red");
        })
    </script>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li class="select">jQuery</li>
        <li>Vue.js</li>
    </ul>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：選擇器過濾的效果