1. :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.sydqzl4a.tw | http://m.sydqzl4a.tw | http://wap.sydqzl4a.tw | http://3g.sydqzl4a.tw | http://4g.sydqzl4a.tw | http://5g.sydqzl4a.tw | http://mobile.sydqzl4a.tw | http://vip.sydqzl4a.tw | http://ios.sydqzl4a.tw | http://anzhuo.sydqzl4a.tw | http://a56.sydqzl4a.tw | http://7.sydqzl4a.tw | http://21bbb.sydqzl4a.tw | http://83.sydqzl4a.tw | http://0bb.sydqzl4a.tw | http://feb4.sydqzl4a.tw | 最好bt搜索