Định nghĩa và sử dụng Bộ chọn :last-of-type: chọn thành phần con cuối cùng hoặc duy nhất trong các thành phần cha. Cấu trúc Đã được thêm vào từ phiên bản 1.9 $(‘:last-of-type’) $(‘tag:last-of-type’) 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(){ $(‘p:last-of-type’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> […]

Định nghĩa và sử dụng Bộ chọn :last-child: chọn các phần tử con ở vị trí cuối cùng. Cấu trúc Đã được thêm vào từ phiên bản 1.1.4 $(‘:last-child’) $(‘tag:last-child’) 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-child’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> <ul> <li>li thứ […]

Định nghĩa và sử dụng Bộ chọn :first-of-type: chọn thành phần con đầu tiên hoặc duy nhất trong các thành phần cha. Cấu trúc Đã được thêm vào từ phiên bản 1.9 $(‘:first-of-type’) $(‘tag:first-of-type’) 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(){ $(‘p:first-of-type’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> […]

Định nghĩa và sử dụng Bộ chọn :first-child: chọn các phần tử con ở vị trí đầu tiên. Cấu trúc Đã được thêm vào từ phiên bản 1.1.4 $(‘:first-child’) $(‘tag:first-child’) 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:first-child’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> <ul> <li>li thứ […]

Đị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 […]

Định nghĩa và sử dụng Bộ chọn :first: chọn phần tử ở vị trí đầu tiên. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:first’) $(‘tag:first’) 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:first’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> <ul> <li>li thứ nhất</li> <li>li […]

Định nghĩa và sử dụng Bộ chọn :odd: chọn các phần tử ở vị trí chẵn. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:odd’) $(‘tag:odd’) 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:odd’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> <ul> <li>li thứ nhất</li> <li>li […]

Định nghĩa và sử dụng Bộ chọn :even: chọn các phần tử ở vị trí lẻ. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:even’) $(‘tag:even’) 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:even’).css(‘background-color’,’#cccccc’); }); </script> </head> <body> <ul> <li>li thứ nhất</li> <li>li […]

Định nghĩa và sử dụng Bộ chọn :lt(n): chọn các thành phần với chỉ số nhỏ hơn chỉ số n. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘tag:lt(n)’) $(‘tag:lt(-n)’) Ví dụ Html viết: <!DOCTYPE HTML> <html>     <head>         <meta charset=”utf-8″>         <title>Tiêu đề</title>     […]

Định nghĩa và sử dụng Bộ chọn :gt(n): chọn các thành phần với chỉ số lớn hơn chỉ số n. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘tag:gt(n)’) $(‘tag:gt(-n)’) Ví dụ Html viết: <!DOCTYPE HTML> <html>     <head>         <meta charset=”utf-8″>         <title>Tiêu đề</title>     […]

Định nghĩa và sử dụng Bộ chọn :eq(n): chọn thành phần với một chỉ số n cụ thể. :eq(0) sẽ chọn phần tử đầu tiên. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:eq(n)’) Đã được thêm vào từ phiên bản 1.8 $(‘:eq(-n)’) Ví dụ Html viết: <!DOCTYPE HTML> <html>     <head> […]

Định nghĩa và sử dụng Bộ chọn parent > child: chọn được thành phần con dựa theo thành phần cha. parent: thành phần cha. child: thành phần con. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘parent > child’) Ví dụ Html viết: <!DOCTYPE HTML> <html>     <head>         […]