Skip to main content

Posts

Thực hành - lab_jquery_03

By Duc Nguyen
Untitled Document Tin xã hội Thể thao Du lịch Xã hội Sức khỏe Âm nhạc Thế giới web Tools Links Tempalte Document Nghệ thuật sống Sống đẹp Thư giãn Thơ hay Đố vui //Code <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script> <style> #menu { width:180px; background-color:#cc6; } #menu .theloai { background-color:#F63; color:#FFFFFF; display:block; padding-to...
1 comment
Read more

Thực hành - lab_jquery_02

By Duc Nguyen
Untitled Document TEO //code <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script> </head> <body> <div id="teo">TEO</div>     <div id="ketqua" style="color:#FF0000"></div>     <script type="text/javascript"> $(document).ready(function(){ $("#teo").click(function(){ $("#ketqua").append("Bạn vừa click vào teo); }); });     </script> </body> </html>
2 comments
Read more

Thực hành - lab_jquery_01

By Duc Nguyen
Untitled Document Nguyen van teo Nguyen van ti Nguyen van teo Nguyen van ti Nguyen van teo Nguyen van ti //code <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script> </head> <body> <div id="teo">Nguyen van teo</div> <div class="ti">Nguyen van ti</div> <div id="teo">Nguyen van teo</div> <div class="ti">Nguyen van ti</div> <div id="teo">Nguyen van teo</div> <div class="ti">Nguyen van ti</div> <script type="text/javascript">     $(document).ready(function(){ $("#teo").click(function(){ alert("Bạn vừa click vào id teo"); }); $(".ti").click(function(){ ale...
1 comment
Read more

lab_jquery_03 //Thao tác Jquery với CSS

By Duc Nguyen
  Thao tac Jquery với CSS a. Thiết kế menu như hình H01. Hình H01. B1 : Xây dựng menu <DIV> B2 : Định dạng CSS b. Định dạng CSS bằng Jquery - Thay đổi font chữ, màu chữ Kết quả - Thay đổi kích thước chữ Kết quả - Khi click vào theloai kích thước font chữ loaitin tăng lên Kết quả c. Show(), hide(), slideToggle() - Khi click vào theloai tất cả loaitin sẽ ẩn Kết quả - Khi click vào theloai tất cả loaitin sẽ ẩn sau đó hiện ra Kết quả - Khi click lần thứ nhất hide, lần thứ hai show ta sử dụng slideToggle()   <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="../jquery-3.6.0.js"></script> <style> #menu { width:180px; background-color:#cc6; } #menu .theloai { background-color:#F63; color:#FFFFFF; display:block; padding-top:5px; font-weight:bold} #menu a{ color:#990000; padding-top:3px; padding-bottom:3px; padding-left:15px; disp...
Post a Comment
Read more

lab_jquery_02 //Đối tượng Append()

By Duc Nguyen
  Đối tượng Append() - Đổ dữ liệu bên trong Appen vào VỊ TRÍ xác định trước. - Bên trong Append có thể là đối tượng văn bản hoặc function()… - Test xem kết quả Click 1 lần vào TEO   Click 2 lần vào TEO - Kết quả : dữ liệu được ghi nối vào đối tượng phía trước nó
Post a Comment
Read more

lab_jquery_01 //Thao tác với đối tượng ID và CLASS

By Duc Nguyen
  Thao tác với đối tượng ID và CLASS - Viết Jquery thao tác với hai đối tượng ID và Class trên, xuất ra thông báo “Bạn vừa click vào (tên đối tượng)”. Kểm tra hoạt động của các đối tượng trên và nhận xét. - Bài giải như sau:
Post a Comment
Read more