tag

Đị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 .addClass() thêm class cho thành phần. .addClass(tênclass) Cấu trúc $(‘div’).addClass(‘test’); 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> <style> .test { background-color: yellow; } </style> <script> $(function(){ $(‘div’).addClass(‘test’); }); </script> </head> <body> <div>Thành phần div</div> </body> </html> Hiển thị trình duyệt: Thành phần div Thành phần div đã […]

Định nghĩa và sử dụng Bộ chọn :nth-last-child(n): chọn thành phần thứ “n” trong thành phần cha, 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. Chỉ chọn thành phần có thành phần cha, những thành phần độc lập sẽ […]

Định nghĩa và sử dụng Bộ chọn :disabled: giúp chọn được thành phần có thuộc tính disabled. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:disabled’) $(‘input:disabled’) 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(){ $(‘:disabled’).wrap(‘<span style=”background-color: blue”></span>’) }); </script> </head> <body> <input type=”button” value=”Button […]

Định nghĩa và sử dụng .find() giúp tìm thành phần trong thành phần cha. .find(bộ chọn) Cấu trúc $(‘li’).find(‘.test’); 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(){ $(‘li’).find(‘.test’).css(‘background-color’,’blue’); }); </script> </head> <body> <ul> <li class=”first”>Thành phần thứ 1</li> <li class=”second”>Thành phần thứ 2</li> <li class=”third”> <p>Thành phần thứ 3</p> […]

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