jQuery经过一段时间自动隐藏指定元素的方法

本文实例讲述了jQuery经过一段时间自动隐藏指定元素的方法。分享给大家供大家参考。具体如下：

下面的代码提供了两种方法用于定时隐藏元素，第一种是使用setTimeout实现，第二种是使用jQuery1.4以后版本中提供的delay方法实现，第二种更简单一下。

//这是1.3.2中我们使用setTimeout来实现的方式
//http://www.jb51.net
setTimeout(function() {
$('.showdiv').hide('blind', {}, 500)
}, 5000); 

//这是在1.4中可以使用delay()这一功能来实现的方式
//（这很像是休眠）
$(".showdiv").delay(5000).hide('blind', {}, 500);

希望本文所述对大家的jQuery程序设计有所帮助。

赞 (0)

相关推荐

  • jQuery下通过replace字符串替换实现大小图片切换

    核心就是使用replace替换img src的图片路径,从而实现不同尺寸图片的切换. 下面这个动画就是显示了尺寸切换,单击"大图"按钮,则改变图片的src,加载大图,单击"小图"按钮,则又显示小图. replace用法简单讲解: 我其实也是新手,讲得不对望海涵. 字符串.replace(a,b);指的是用b将字符串含有a的部分代替,例如字符串obj="welcome to my website!"; obj.replace("my&qu

  • jQuery搜索同辈元素方法

    jQuery搜索同辈元素方法

    本文实例讲述了jQuery搜索同辈元素方法.分享给大家供大家参考.具体分析如下: 1. next()方法 用于搜索紧跟在每个匹配元素之后的单个同辈元素,根据需要还可以指定一个选择器对同辈元素进行筛选,语法格式如下: 复制代码 代码如下: next([selector]) $("p").next("p").css("color", "#FCF"); 2. nextAll()方法 用于搜索紧跟在每个匹配元素之后的所有同辈元素,根据

  • jQuery替换字符串(实例代码)

    复制代码 代码如下: function replace(){   var str="tao zhang yi love liu weng ling";   re=new RegExp("l","g");   var newstart=str.replace(re,"t");   alert(newstr);} 运行结果:弹出"tao zhang yi tove tiu weng ting"; 解释:re=n

  • jquery 根据name名获取元素的value值

    提问: 我要获取name属性为test的元素 但是这个test是赋值给变量的 如var name='test'; 即要获取name属性为变量name的元素 请问jquery怎么写? 答案: $("input[name="+name+"]") 问题和答案都很简单,正所谓会者不难难者不会,有相同需要的小伙伴自己来参考下吧.

  • jQuery判断数组是否包含了指定的元素

    要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等, 复制代码 代码如下: var arr = [ "xml", "html", "css", "js" ]; $.inArray("js", arr);  //返回 3, 如果不包含在数组中,则返回 -1; 以上就是本文的全部内容了,有需要的小伙伴参考下吧

  • jQuery搜索子元素的方法

    jQuery搜索子元素的方法

    本文实例讲述了jQuery搜索子元素的方法.分享给大家供大家参考.具体分析如下: 1. children()方法 用于获取一个包含匹配的元素集合中每一个元素的所有子元素的元素集合,语法格式如下: 复制代码 代码如下: children([selector]) $("#menu_ul").children().css("color", "blue"); 2. find()方法 用于从每个匹配元素中查找符合指定选择器表达式的后代元素,格式如下: 复制

  • jQuery对指定元素中指定字符串进行替换的方法

    本文实例讲述了jQuery对指定元素中指定字符串进行替换的方法.分享给大家供大家参考.具体如下: 这段JS代码可以将指定id的元素内容的字符串进行替换,例如西面的代码将id=content元素中的jb51字符串替换成空字符 html部分如下: <div id=content>welcome to jb51</div> jQuery部分如下: var el = $('#content'); el.html(el.html().replace(/jb51/ig, '')); 希望本文所

  • jQuery 删除/替换DOM元素的几种方式

    删除 删除操作非常简单,直接在结果集后链式调用remove()方法即可. 例如,要删除以下html脚本中所有的a元素,直接通过 复制代码 代码如下: $('a'.remove(); 就可以做到了. 复制代码 代码如下: <h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Ele

  • jQuery经过一段时间自动隐藏指定元素的方法

    本文实例讲述了jQuery经过一段时间自动隐藏指定元素的方法.分享给大家供大家参考.具体如下: 下面的代码提供了两种方法用于定时隐藏元素,第一种是使用setTimeout实现,第二种是使用jQuery1.4以后版本中提供的delay方法实现,第二种更简单一下. //这是1.3.2中我们使用setTimeout来实现的方式 //http://www.jb51.net setTimeout(function() { $('.showdiv').hide('blind', {}, 500) }, 50

  • jQuery实现文本显示一段时间后隐藏的方法分析

    本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法.分享给大家供大家参考,具体如下: 点击button时,提示信息显示,8秒后,信息隐藏. <input id="place_order" name="place_order" type="submit" /> <div class="after_submit_remind" style="display: none;"> 请耐

  • jQuery实现每隔一段时间自动更换样式的方法分析

    jQuery实现每隔一段时间自动更换样式的方法分析

    本文实例讲述了jQuery实现每隔一段时间自动更换样式的方法.分享给大家供大家参考,具体如下: js核心代码部分: $(document).ready(function(){ // 皮肤列表选项切换 $(".ulSkin li").click(function(){ $(this).addClass("active").siblings("li").removeClass("active"); }); }); // 皮肤背景切

  • jQuery使用hide方法隐藏页面上指定元素的方法

    本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法.分享给大家供大家参考.具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&qu

  • jQuery使用hide方法隐藏指定元素class样式用法实例

    本文实例讲述了jQuery使用hide方法隐藏指定元素class样式用法.分享给大家供大家参考.具体如下: 下面的JS代码可以隐藏所有class属性等于test的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button

  • jquery控制背景音乐开关与自动播放提示音的方法

    本文实例讲述了jquery控制背景音乐开关与自动播放提示音的方法.分享给大家供大家参考.具体如下: 很多人初学网页制作时在网页中加入一段背景音乐,听到音乐响起的那一刻往往都会有一丝的成就感. 这里就为大家讲解如何使用js控制背景音乐播放与停止.具体如下: 一.jquery控制背景音乐开关 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/

  • 浅析jquery数组删除指定元素的方法:grep()

    遇到的问题 今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样的: var sexList=new Array[3]; sexList[0]="1"; sexList[1]="2"; sexList[2]=""; 想达到的效果 我想达到的效果是这样的: 删除索引=1的元素,并返回新数组. 返回的结果是: var sexList=new Array("1",""); 我们知道

  • JavaScript判断数组是否包含指定元素的方法

    本文实例讲述了JavaScript判断数组是否包含指定元素的方法.分享给大家供大家参考.具体如下: 这段代码通过prototype定义了数组方法,这样就可以在任意数组调用contains方法 /** * Array.prototype.[method name] allows you to define/overwrite an objects method * needle is the item you are searching for * this is a special variab

  • python实现判断数组是否包含指定元素的方法

    本文实例讲述了python实现判断数组是否包含指定元素的方法.分享给大家供大家参考.具体如下: python判断数组是否包含指定的元素的方法,直接使用in即可,python真是简单易懂 print 3 in [1, 2, 3] # membership (1 means true inventory = ["sword", "armor", "shield", "healing potion"] if "healin

  • C#通过xpath查找xml指定元素的方法

    本文实例讲述了C#通过xpath查找xml指定元素的方法.分享给大家供大家参考.具体如下: orders.xml文档内容如下 <?xml version="1.0"?> <Order id="2004-01-30.195496"> <Client id="ROS-930252034"> <Name>Remarkable Office Supplies</Name> </Client

随机推荐