。。。再战JQuery。。。

时间：2023-12-10 22:43:08

今天从学习JQurery的第一个函数开始！！！

JQuery里面的show这个函数很不错，我很喜欢，他的使用方法如下：JQuery对象.show(speed,callback);

speed你可以指定你的显示速度，他的值有slow，fast，或者你自定义毫秒数，注意是毫秒数！！！，callback指定的是当着show（）指定完成之后要做的事情；

同理JQuery还有一个函数叫hide（），他的用法和show一样，下面给出我的例子：

 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.js"></script>
 <script type="text/javascript">
     $(function(){
         $("#btn").click(function(){
             //2秒钟内显示完毕，显示完毕之后需要弹出一个对话框
             $("#div").show(2000,function(){
                 alert("机智！")
             });

         });
     });
 </script>

 <style type="text/css">
     #div{
         width:500px;
         height:500px;
         background-color:#F03;
         display:none;
     }
 </style>
 </head>
 <body>
 <input type="button" value="测试" id="btn">
 <div id="div"></div>
 </body>

相关文章