• :not() Selector


    not selector

    Description: Selects all elements that do not match the given selector.

    • version added: 1.0jQuery( ":not(selector)" )

      selector: A selector with which to filter by.

    All selectors are accepted inside :not(), for example: :not(div a) and :not(div,a).

    Additional Notes

    The .not() method will end up providing you with more readable selections than pushing complex selectors or variables into a :not() selector filter. In most cases, it is a better choice.

    Example:

    Finds all inputs that are not checked and highlights the next sibling span. Notice there is no change when clicking the checkboxes since no click events have been linked.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>not demo</title>
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
    </head>
    <body>
    <div>
    <input type="checkbox" name="a">
    <span>Mary</span>
    </div>
    <div>
    <input type="checkbox" name="b">
    <span>lcm</span>
    </div>
    <div>
    <input type="checkbox" name="c" checked="checked">
    <span>Peter</span>
    </div>
    <script>
    $( "input:not(:checked) + span" ).css( "background-color", "yellow" );
    $( "input").attr( "disabled", "disabled" );
    </script>
    </body>
    </html>

    Demo:

      1. http://www.nhde20.cn | http://m.nhde20.cn | http://wap.nhde20.cn | http://3g.nhde20.cn | http://4g.nhde20.cn | http://5g.nhde20.cn | http://mobile.nhde20.cn | http://vip.nhde20.cn | http://ios.nhde20.cn | http://anzhuo.nhde20.cn | http://e0886.nhde20.cn | http://9daf.nhde20.cn | http://a0955.nhde20.cn | http://www.nhde20.cn/b28.html | http://www.nhde20.cn/aba.html | http://www.nhde20.cn/f8c.html | 交换妻子