Multiple Selector trong jQuery

Miêu tả

Multiple Selector (Bộ chọn nhiều phần tử) trong jQuery sẽ chọn các kết quả được tổ hợp của tất cả các bộ chọn E, F hoặc G.

Bạn có thể xác định số lượng bộ chọn để tổ hợp trong kết quả. Ở đây, thứ tự của các phần tử DOM trong đối tượng jQuery là không cần thiết là đồng nhất.

Cú pháp

Sau đây là cú pháp để sử dụng Multiple Selector trong jQuery:

$('E, F, G,....')

Tham số

Dưới đây miêu tả các tham số được sử dụng trong Multiple Selector này:

E − Bất kỳ selector hợp lệ nào
F − Bất kỳ selector hợp lệ nào
G − Bất kỳ selector hợp lệ nào
....

Trả về

Giống như bất kỳ selector khác trong jQuery, Selector này cũng trả về một mảng các phần tử được tìm thấy.

Ví dụ

$('div, p') − Chọn tất cả phần tử được so khớp bởi div hoặc p.
$('p strong, .myclass') − Chọn tất cả phần tử được so khớp bởi strong mà là con của một phần tử được so khớp bởi p cũng như tất cả phần tử mà có class là myclass.
$('p strong, #myid') − Chọn một phần tử đơn được so khớp bởi strong mà là con của một phần tử được so khớp bởi p cũng như phần tử mà có id là myid.

Ví dụ sau sẽ chọn các phần tử mà có class ID là big và phần tử với ID là div3 và sẽ áp dụng màu vàng cho màu nền của chúng.


   
      The Selecter Example
      
   
      
   
	
   

      
         This is first division of the DOM.
      

      
         This is second division of the DOM.
      

      
         This is third division of the DOM

Nó sẽ cho kết quả sau:

Các bài học jQuery khác tại VietJack:

Trang trước

Trang sau

selector_trong_jquery.jsp