方法用法实例

日期:2019-09-07编辑作者:关于计算机

本文实例讲述了jQuery中hide()方法用法。分享给大家供大家参考。具体分析如下:

jQuery中hide()方法用法实例,jqueryhide

本文实例讲述了jQuery中hide()方法用法。分享给大家供大家参考。具体分析如下:

此方法可以将匹配元素隐藏。

hide()方法的用法:
此方法如果没有对隐藏效果加以时间限定,那么匹配元素会被瞬间隐藏。例如:

复制代码 代码如下:

$("div").hide()

以上代码可以将所有div元素瞬间隐藏。
如果方法对隐藏效果加以时间限定,那么匹配元素将会在限定的事件内以比较优雅的形式隐藏。例如:

复制代码 代码如下:

$("div").hide(2000)

以上代码可以将所有div元素在2000毫秒(2秒)内隐藏。
此方法也可以在隐藏完成后触发一个回调函数。例如:

复制代码 代码如下:

$("div").hide(2000,function(){alert("我隐藏好了")});

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>hide()函数-帮客之家</title>
<style type="text/css">
div{
  color:blue;
  background-color:green;
  width:100px;
  height:100px;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#first").click(function(){
    $(".first").hide();
  })
  $("#second").click(function(){
    $(".second").hide(2000,function(){alert("我隐藏好了")});
  })
})
</script>
</head>
<body>
  <div class="first"></div>
  <div class="second"></div>
  <button id="first">瞬间隐藏</button>
  <button id="second">优雅的隐藏</button>
</body>
</html>

以上代码能够在隐藏完成以后触发回调函数,于是弹出一个提示框。

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

本文实例讲述了jQuery中hide()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以将匹配元素...

此方法可以将匹配元素隐藏。

hide()方法的用法:
此方法如果没有对隐藏效果加以时间限定,那么匹配元素会被瞬间隐藏。例如:

复制代码 代码如下:

$("div").hide()

以上代码可以将所有div元素瞬间隐藏。
如果方法对隐藏效果加以时间限定,那么匹配元素将会在限定的事件内以比较优雅的形式隐藏。例如:

复制代码 代码如下:

$("div").hide(2000)

以上代码可以将所有div元素在2000毫秒(2秒)内隐藏。
此方法也可以在隐藏完成后触发一个回调函数。例如:

复制代码 代码如下:

$("div").hide(2000,function(){alert("我隐藏好了")});

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>hide()函数-脚本之家</title>
<style type="text/css">
div{
  color:blue;
  background-color:green;
  width:100px;
  height:100px;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#first").click(function(){
    $(".first").hide();
  })
  $("#second").click(function(){
    $(".second").hide(2000,function(){alert("我隐藏好了")});
  })
})
</script>
</head>
<body>
  <div class="first"></div>
  <div class="second"></div>
  <button id="first">瞬间隐藏</button>
  <button id="second">优雅的隐藏</button>
</body>
</html>

以上代码能够在隐藏完成以后触发回调函数,于是弹出一个提示框。

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

您可能感兴趣的文章:

  • 用js模拟JQuery的show与hide动画函数代码
  • jQuery版Tab标签切换
  • jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
  • JQuery入门——事件切换之toggle()方法应用介绍
  • JQuery入门——事件切换之hover()方法应用介绍
  • jquery(hide方法)隐藏指定元素实例
  • jQuery使用hide方法隐藏指定元素class样式用法实例
  • jquery使用hide方法隐藏指定id的元素
  • Jquery中使用show()与hide()方法动画显示和隐藏图片
  • 实例讲解Jquery中隐藏hide、显示show、切换toggle的用法

本文由今晚最快开奖现场直播发布于关于计算机,转载请注明出处:方法用法实例

关键词:

JSON取值前推断

复制代码 代码如下: JSON取值前判断,JSON取值判断 复制代码 代码如下: public static void main(String[] args)throws Exception{   ...

详细>>

浅析Javascript中“==”与“===”的分别

以前使用JavaScript的时候,时一时的会遇到使用 == 和 ===那多少个暗记来判别多个变量是或不是等于。但是对于那八个...

详细>>

主意用法实例

本文实例讲述了jQuery中width()方法用法。分享给大家供大家参考。具体分析如下: 本文实例讲述了jQuery中html()方法用法...

详细>>

JavaScript中自定义事件用法剖析

本文实例讲述了JavaScript中自定义事件用法。分享给大家供大家参考。具体分析如下: JavaScript中自定义事件用法分析...

详细>>