Bộ chọn :first trong jQuery
- Bộ chọn :first dùng để chọn "phần tử đầu tiên"
Ví dụ:
- Tạo một đường viền màu đen cho phần tử đầu tiên bên trong phần tử <body>
<script>
$(document).ready(function(){
$("body :first").css("border","1px solid black");
});
</script>
Xem ví dụ
- Bộ chọn :first chỉ chọn duy nhất một phần tử.
Ví dụ:
<script>
$(document).ready(function(){
$("div :first").css("border","1px solid black");
});
</script>
Xem ví dụ
- Lưu ý: Bộ chọn :first thường được đặt làm hậu tố cho các bộ chọn khác để chọn phần tử trùng khớp đầu tiên được tìm thấy.
Ví dụ:
<script>
$(document).ready(function(){
$(".tailieu:first").css("border","1px solid black");
});
</script>
Xem ví dụ