jQuery——jQuery控制css和HTML
jQuery控制CSS <head> <script type="text/javascript" src="./js/jquery-3.3.1.js"><script> <script type="text/javascript"> $(function(){ //给按钮添加点击事件 $('#btn').click(function(){ //前面设置div样式的简便写法 $('#div1').css('width':200,'height':200,'background-color':red); }); }); </script> </head> <body> <div id="div1"></div> <button id='btn'>点击</button> </body> jQuery控制HTML 添加标签 append()：在被选元素的结尾插入内容 prepend()：在被选元素的开头插入内容 after()：在被选元素之后插入 before()：在被选元素之前插入内容 案例： <head> <script type="text/javascript" src="./js/jquery-3.3.1.js"><script> <script type="text/javascript"> $(function(){ //给按钮添加点击事件 $('#btn').click