jQuery [attribute!=value] 選擇器

jQuery 中的[attribute!=value] 選擇器用於選擇不具有特定屬性值的元素。換句話說，它根據與指定值不匹配的屬性過濾元素。

語法

以下是 jQuery 中 [attribute!=value] 選擇器的語法：

$("[attribute!='value']")

引數

以下是上述語法的描述：

attribute: 你正在檢查的 HTML 元素的屬性。
value: 屬性不應等於的值。

示例 1

在下面的示例中，我們使用 jQuery [attribute!=value] 選擇器來選擇'data-type'屬性不為'fruit'的元素：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("div[data-type!='fruit']").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <div data-type="fruit">Apple</div>
    <div data-type="vegetable">Carrot</div>
    <div data-type="fruit">Banana</div>
    <div data-type="vegetable">Broccoli</div>
</body>
</html>

選定的元素將以黃色背景色突出顯示。

示例 2

在這裡，我們將停用除 type='submit' 的按鈕以外的所有按鈕：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Disable all buttons except those with type='submit'
            $("button[type!='submit']").prop("disabled", true);
        });
    </script>
</head>
<body>
    <button type="button">Click Me</button>
    <button type="reset">Reset</button>
    <button type="submit">Submit</button>
</body>
</html>

執行上述程式後，選定的按鈕將被停用。

jquery_ref_selectors.htm

列印頁面