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

打印页面