Multiple Selector trong jQuery

Trang trước
Trang sau  

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

  • ....

Quảng cá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.

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $(".big, #div3").css("background-color", "yellow");
         });
      </script>
   </head>
	
   <body>

      <div class="big" id="div1">
         <p>This is first division of the DOM.</p>
      </div>

      <div class="medium" id="div2">
         <p>This is second division of the DOM.</p>
      </div>

      <div class="small" id="div3">
         <p>This is third division of the DOM</p>
      </div>

   </body>
	
</html>

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

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ

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

Trang trước
Trang sau  
selector_trong_jquery.jsp
Bài viết liên quan