。。。再战JQuery。。。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了。。。再战JQuery。。。相关的知识，希望对你有一定的参考价值。
今天从学习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。。。的主要内容，如果未能解决你的问题，请参考以下文章
Visual Studio 2012-2019的130多个jQuery代码片段。
markdown 在WordPress中使用jQuery代码片段