jQuery :not() Selector - Chọn phần tử không có thuộc tính

views

A+A-

PrintEmail

Sử dụng bộ chọn jQuery not() Selector để tìm ra những phần tử không có thuộc tính chỉ định. Cùng tìm hiểu cú pháp, công dụng, cách sử dụng và các ví dụ cụ thể thông qua bài viết này nhé

Cú pháp, Khái niệm và cách sử dụng jQuery :not() Selector

Syntax

Bộ chọn jQuery :not() Selector có cú pháp

$(":not(selector)")

Bộ chọn :not() chọn tất cả các phần tử, trừ phần tử được chỉ định.
Bộ chọn này chủ yếu được sử dụng cùng với một bộ chọn khác để chọn mọi thứ trừ phần tử được chỉ định trong một nhóm. Các bạn xem các ví dụ ở dưới nhé

Ví dụ jQuery :not() Selector

Ví dụ

Chọn phần tử <p> (đoạn văn) không có class="intro"

 $("p:not(.intro)")

Thử code »

Hoặc có thể bạn xem ví dụ ở đây. Bấm vào các button dưới đây để xem các dòng được chọn tương ứng
Bấm button sau đây để chọn những thẻ <div> không có class="intro"

Bấm button sau đây để chọn những thẻ <div> không có class="khac"

Đây là thẻ <div> có class="intro"

Đây là thẻ <div> không có class="intro"

Đây là thẻ <div> không có class="intro"

Đây là thẻ <div> có class="intro"

Đây là thẻ <div> có class="khac"

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors