<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> $(document).ready( function () { //1.根据ID得到一个jQuery对象 var $jqDiv = $("#divDemo"); //2.动态设置div的样式 // $jqDiv.css("border","1px solid #0094ff") // .css("width","300px") // .css("height","100px"); //3.一性设置多个样式 //对象的自变量表示法，Json对象 var cssObj = { "border": "1px solid #00994ff", "width": "300px", "height": "100px" }; $jqDiv.css(cssObj); //4.设置dom元素的动画 //创建一个按钮 $("<input type='button' value = '动画' />").insertAfter($jqDiv) .click(function () { $jqDiv.slideUp(3000); //将这个div慢慢的收起来； }); } ); </script> </head> <body> <div id="divDemo">hello jquery</div> </body> </html>