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.
<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ó app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.
Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack
Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.
Các bài học jQuery khác tại VietJack:
