Tìm kiếm
Tìm kiếm
0

Chưa có sản phẩm trong giỏ hàng.

Breadcrumb

tag:last

tag:last

Định nghĩa và sử dụng Bộ chọn :last: chọn phần tử ở vị trí cuối cùng. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:last’) $(‘tag:last’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘ul li:last’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> <ul> <li>li thứ nhất</li> <li>li […]

taglast

Định nghĩa và sử dụng

  • Bộ chọn :last: chọn phần tử ở vị trí cuối cùng.

Cấu trúc

Đã được thêm vào từ phiên bản 1.0

$(':last')
$('tag:last')

Ví dụ

Html viết:

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Tiêu đề</title>
        <script src="https://code.jquery.com/jquery-latest.js"></script>
        <script>
            $(function(){
                $('ul li:last').css('background-color','#cccccc');
            });
        </script>
    </head>
    <body>
        <ul>
            <li>li thứ nhất</li>
            <li>li thứ hai</li>
            <li>li thứ ba</li>
            <li>li thứ tư</li>
            <li>li thứ năm</li>
        </ul>
        <ul>
            <li>li thứ nhất</li>
            <li>li thứ hai</li>
            <li>li thứ ba</li>
        </ul>
    </body>
</html>

Hiển thị trình duyệt:

  • li thứ nhất
  • li thứ hai
  • li thứ ba
  • li thứ tư
  • li thứ năm
  • li thứ nhất
  • li thứ hai
  • li thứ ba

$(‘ul li:last’) chọn phần tử li ở vị trí cuối cùng.

Quà tặng WordPress trị giá $1600

Kể từ 2020, AZDIGI chính thức áp dụng tặng kèm bản quyền theme và plugin WordPress, dành riêng cho khách hàng như WP Rocket, Rank Math Pro, WP Astra Lifetime,…với tổng trị giá quà tặng lên đến $1600 và luôn được cập nhật mỗi năm.

Chi tiết
Image

Bắt đầu thương hiệu với tên miền riêng của bạn

Tên miền quốc tế .COM chỉ từ 275k/năm, tên miền .VN chỉ từ 360.000/năm.
Đăng ký dễ dàng, thao tác đăng ký hoàn toàn trực tuyến, thủ tục nhanh gọn, và kích hoạt tự động ngay trong 15 phút kể từ khi AZDIGI nhận được thanh toán.

Chi tiết
Image

Viết bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết liên quan

.class

.class

Định nghĩa và sử dụng Bộ chọn .class: chọn thành phần theo từng class cụ thể. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘.tênclass’) $(‘tag.tênclass’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘.test’).css(‘border’,’1px solid blue’); }); </script> </head> <body> <div class=”test”>div</div> <p>p</p> <div> […]

Chi tiết
Chi tiết
[attribute*=”value”]

[attribute*=”value”]

Định nghĩa và sử dụng Bộ chọn [attribute*=”value“] giúp chọn thành phần có thuộc tính với giá trị đặc biệt bằng value. attribute: thuộc tính của thành phần. value: giá trị của thuộc tính. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘[attribute*=”value”]’) $(‘tag[attribute*=”value”]’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> […]

Chi tiết
Chi tiết
nth-last-of-type(n)

nth-last-of-type(n)

Định nghĩa và sử dụng Bộ chọn :nth-last-of-type(n): chọn thành phần thứ “n”, gốc tính được tính từ thành phần cuối cùng trở lại. Thứ tự “n” được tính cho tất cả các thành phần cùng cấp. Giá trị “n” có thể là số hoặc một hàm (function). Cấu trúc Đã được thêm vào từ […]

Chi tiết
Chi tiết
:root

:root

Định nghĩa và sử dụng Bộ chọn :root: giúp chọn được thành phần gốc của văn bản, thành phần gốc chính là tag html. Cấu trúc Đã được thêm vào từ phiên bản 1.9 $(‘:root’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘:root’).css(“border”, “1px solid blue”); […]

Chi tiết
Chi tiết
:parent

:parent

Định nghĩa và sử dụng Bộ chọn :parent: giúp chọn được thành phần có chứa ít nhất một thành phần con (text cũng có thể xem là thành phần con). Nếu thành phần rỗng sẽ không được chọn. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:parent’) $(‘tag:parent’) Ví dụ Html viết: <!DOCTYPE […]

Chi tiết
Chi tiết
.toggle()

.toggle()

Định nghĩa và sử dụng .toggle()hiển thị và ẩn các thành phần phù hợp. Việc hiển thị và ẩn được luân phiên nhau giữa các lần action (VD action Click). .toggle(độ bền) Cấu trúc Độ bền có thể bằng số hoặc bằng chữ: slow, fast. $(‘p’).toggle(300); $(‘p’).toggle(fast); Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> […]

Chi tiết
Chi tiết
Xóa sản phẩm thành công. Thêm vào giỏ hàng thành công.