abstrait:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"src="jquery-3.3.1.min.js"></script>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"src="jquery-3.3.1.min.js"></script> <script> $(document).ready(function(){ $(".width").click(function(){ $("div").width(200); }); $(".height").click(function(){ $("div").height(200); }); // $(".color").click(function(){ // $("div").color("pink"); // }); $(".hide").click(function(){ $("div").hide(); }); $(".show").click(function(){ $("div").show(); }); }); </script> </head> <body> <div style="width: 100px;height: 100px;background: red;"></div><br> <button class="width">變寬</button> <button class="height">變高</button> <!-- <button class="color">變色</button> --> <button class="hide">隱藏</button> <button class="show">顯示</button> </body> </html>
把之前JavaScript的案例拿過來試了一下,除了變色沒辦法改變,其他的都可以做到。
Professeur correcteur:滅絕師太Temps de correction:2018-11-06 10:19:17
Résumé du professeur:jquery是這樣改變css樣式的么?課余時(shí)間修改一下;注: width()、height() 是方法;修改好在提交一次