Jquery中show的用法

2024-05-14 01:05:19

show([speed,[easing],[fn]])

概述

显示隐藏的匹配元素。此方法一般用于弹出表单，eg：点击注册按钮，弹出注册页面

这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。

参数

speed[,fn]Number/String,FunctionV1.0

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)

fn:在动画完成时执行的函数，每个元素执行一次。

[speed],[easing],[fn]Number/String,String,FunctionV1.4.3

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)

easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"

fn:在动画完成时执行的函数，每个元素执行一次。

示例

描述:

显示所有段落

HTML 代码:

<p style="display: none">Hello</p>

jQuery 代码:

$("p").show()

描述:

用缓慢的动画将隐藏的段落显示出来，历时600毫秒。

HTML 代码:

<p style="display: none">Hello</p>

jQuery 代码:

$("p").show("slow");

描述:

用迅速的动画将隐藏的段落显示出来，历时200毫秒。并在之后执行反馈！

HTML 代码:

<p style="display: none">Hello</p>

jQuery 代码:

$("p").show("fast",function(){$(this).text("Animation Done!");});

描述:

将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。

HTML 代码:

<p style="display: none">Hello</p>

jQuery 代码:

$("p").show(4000,function(){$(this).text("Animation Done...");});

Jquery中show的用法相关推荐

jQuery中slice()方法用法实例
本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码代码如下: $(selector).slice(sta ...
jQuery中extend的用法
jQuery中extend的用法前言一.Jquery的扩展方法原型是: 二.省略dest参数 1.$.extend(src) 2.$.fn.extend(src) 三.Jquery的extend方 ...
jQuery中each的用法之退出循环和结束本次循环
$.each(array, function(k, v) {}); jQuery中each类似于javascript的for循环 ,但不同于for循环的是在each里面不能使用break结束循环,也不 ...
jQuery中index的用法
jQuery中index是用来查找匹配的元素并且返回索引值从0开始 html代码 <ul> <div></div><li></li>< ...
jquery 中 stop() 的用法
stop 是jQuery中用于控制页面动画效果的方法.运行之后立刻结束当前页面上的动画效果. stop在新版jQuery中添加了2个参数: 第一个参数的意思是是否清空动画序列,也就是stop的是当前元 ...
jQuery中each的用法
jquery 中each不可以使用break结束循环,也不能使用continue来结束本次循环 break 用return false continue 用return ...
jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来. (function( $, window, document, undefined ...
jquery中的switch用法及注意问题
在需要用到jquery的switch方法时,半天没调试出来.按理说是和php的switch方法差不多才对啊,后面才发现switch的条件必须和每个case表达式严格比较. 一.用法: //先获取选项框 ...
jQuery中$.fn的用法示例介绍
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下 $.fn是指jquery的命名空间,加上fn上的方法及属性,会对j ...
JQuery中toggle的用法
用法: 循环点击事件第一次调用第一个函数第二次点击调用第二个函数代码示例: 第一次点击任意一个div触发函数,再次点击触发第二个函数 $(function () {$("#div,# ...

最新文章

热门文章