animated

Đị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 :has(selector): giúp chọn được thành phần có chứa ít nhất một phần tử phù hợp với quy định chọn. Cấu trúc Đã được thêm vào từ phiên bản 1.1.4 $(‘:has(selector)’) $(‘tag:has(selector)’) 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(){ $(‘div:has(p)’).css(“border”, […]

Đị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 [bộ chọn thuộc tính 1][bộ chọn thuộc tính n]: chọn nhiều các thành phần với từng bộ chọn cụ thể, bộ chọn thuộc tính có thể là: $(‘tag[attribute]’) $(‘tag[attribute=”value“]’) $(‘tag[attribute!=”value“]’) $(‘tag[attribute|=”value“]’) $(‘tag[attribute^=”value“]’) $(‘tag[attribute$=”value“]’) $(‘tag[attribute*=”value“]’) $(‘tag[attribute~=”value“]’) Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘[bộ chọn thuộc tính 1][bộ […]

Đị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 :button: giúp chọn được thành phần input có thuộc tính type với giá trị button, hoặc tag button. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:button’) $(‘input:button’) 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(){ $(‘:button’).css(‘background-color’,’blue’); }); […]