Bộ chọn :first trong jQuery

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>

- 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>

- 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>