码迷,mamicode.com
首页 > Web开发 > 详细

。。。再战JQuery。。。

时间:2016-02-04 18:56:56      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

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

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

speed你可以指定你的显示速度,他的值有slow,fast,或者你自定义毫秒数,注意是毫秒数!!!,callback指定的是当着show()指定完成之后要做的事情;

同理JQuery还有一个函数叫hide(),他的用法和show一样,下面给出我的例子:

 1 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.js"></script>
 2 <script type="text/javascript">
 3     $(function(){
 4         $("#btn").click(function(){
 5             //2秒钟内显示完毕,显示完毕之后需要弹出一个对话框
 6             $("#div").show(2000,function(){
 7                 alert("机智!")
 8             });
 9             
10             
11         });
12     });
13 </script>
14 
15 <style type="text/css">
16     #div{
17         width:500px;
18         height:500px;
19         background-color:#F03;
20         display:none;
21     }
22 </style>
23 </head>
24 <body>
25 <input type="button" value="测试" id="btn">
26 <div id="div"></div>
27 </body>

。。。再战JQuery。。。

标签:

原文地址:http://www.cnblogs.com/yingmeng/p/5182141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!