注：  以下函数用法和hide()类似  [参数类型完全一样]

toggle()　　

　　hide()

　　show()

slideToggle()

　　slideUp()

　　slideDown()

fadeToggle()

　　fadeOut()

　　fadeIn()

jQuery.hide() 函数详解

hide()函数用于隐藏所有匹配的元素。此外，你还可以指定元素隐藏的过渡动画效果。

如果元素本身是不可见的，则不对其作任何改变。如果元素是可见的，则将其隐藏。

与该函数相对的是show()函数，用于显示所有匹配的元素。

该函数属于jQuery对象(实例)。

语法

jQuery 1.0 新增该函数。hide()函数主要有以下两种形式的用法：

用法一：jQuery 1.4.3 新增支持参数easing。

jQueryObject.hide( [ duration ] [, easing ] [, complete ] )

用法二：

jQueryObject.hide( options )

用法二是用法一的变体。以对象形式指定所需的选项参数(可指定比用法一更多的选项参数)。

m18麦考林整站 for Ecshop

m18麦考林整站 for Ecshop v2.7.3 安装方法： 1，解压rar包上传到网站根目录 2，导入sql数据库文件，到你的数据库里，可以phpmyadmin等软件 3，修改data里config.php里面的数据库 用户名 密码等信息 为你自己的数据库信息 4，安装完毕之后的后台用户名密码为： 后台地址：域名/admin 用户名：admin 密码：admin123 模板使用教程： htt

下载

参数

如果没有为hide()指定任何参数，则将以最快方式直接隐藏元素，不使用动画效果。

参数options对象可以识别如下的属性(以下属性均是可选的)：

此外，jQuery 1.4 和 1.8 还为参数options新增了许多新的选项支持，但这些参数并不常用，此处不再赘述，详见jQuery官方文档。

返回值

hide()函数的返回值为jQuery类型，返回当前jQuery对象本身。

示例&说明

请参考下面这段初始HTML代码：

<span class="tag" style="font-size: 14pt;"><p><span class="pln">CodePlayer<span class="tag"></p><span class="pln"><br/><span class="tag"><p><span class="pln">专注于编程开发技术分享<span class="tag"></p><span class="pln"><br/>隐藏效果：<br/><span class="tag"><select<span class="pln"> <span class="atn">id<span class="pun">=<span class="atv">"animation"<span class="tag">><span class="pln"><br/>    <span class="tag"><option<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"1"<span class="tag">><span class="pln">hide( )<span class="tag"></option><span class="pln"><br/>    <span class="tag"><option<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"2"<span class="tag">><span class="pln">hide( "slow" )<span class="tag"></option><span class="pln"><br/>    <span class="tag"><option<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"3"<span class="tag">><span class="pln">hide( 3000 )<span class="tag"></option><span class="pln"><br/>    <span class="tag"><option<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"4"<span class="tag">><span class="pln">hide( 1000, complete )<span class="tag"></option><span class="pln"><br/>    <span class="tag"><option<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"5"<span class="tag">><span class="pln">hide( 1000, "linear" )<span class="tag"></option><span class="pln"><br/>    <span class="tag"><option<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"6"<span class="tag">><span class="pln">hide( options )<span class="tag"></option><span class="pln"><br/><span class="tag"></select><span class="pln"><br/><span class="tag"><input<span class="pln"> <span class="atn">id<span class="pun">=<span class="atv">"btnShow"<span class="pln"> <span class="atn">type<span class="pun">=<span class="atv">"button"<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"显示"<span class="pln"> <span class="tag">/><span class="pln"><br/><span class="tag"><input<span class="pln"> <span class="atn">id<span class="pun">=<span class="atv">"btnHide"<span class="pln"> <span class="atn">type<span class="pun">=<span class="atv">"button"<span class="pln"> <span class="atn">value<span class="pun">=<span class="atv">"隐藏"<span class="pln"> <span class="tag">/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>

以下是与hide()函数相关的jQuery示例代码，以演示hide()函数的具体用法：

<span class="com"><span style="font-size: 14pt;">// 【显示】按钮</span><span class="pln"><br/><span style="font-size: 14pt;">$</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"#btnShow"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">click</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">function</span><span class="pun"><span style="font-size: 14pt;">(){</span><span class="pln"><br/><span style="font-size: 14pt;">    $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">show</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><br/><span class="pun"><span style="font-size: 14pt;">}</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><br/><br/><span class="com"><span style="font-size: 14pt;">//【隐藏】按钮</span><span class="pln"><br/><span style="font-size: 14pt;">$</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"#btnHide"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">click</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">function</span><span class="pun"><span style="font-size: 14pt;">(){</span><span class="pln"><br/><span style="font-size: 14pt;">    </span><span class="kwd"><span style="font-size: 14pt;">var</span><span class="pln"><span style="font-size: 14pt;"> v </span><span class="pun"><span style="font-size: 14pt;">=</span><span class="pln"><span style="font-size: 14pt;"> $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"#animation"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">val</span><span class="pun"><span style="font-size: 14pt;">();</span><span class="pln"><br/><span style="font-size: 14pt;">    </span><span class="kwd"><span style="font-size: 14pt;">if</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"><span style="font-size: 14pt;"> v </span><span class="pun"><span style="font-size: 14pt;">==</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"1"</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">){</span><span class="pln"><br/><span style="font-size: 14pt;">        $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">hide</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><span style="font-size: 14pt;">     </span><br/><span style="font-size: 14pt;">    </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="kwd"><span style="font-size: 14pt;">else</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">if</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"><span style="font-size: 14pt;">v </span><span class="pun"><span style="font-size: 14pt;">==</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"2"</span><span class="pun"><span style="font-size: 14pt;">){</span><span class="pln"><br/><span style="font-size: 14pt;">        $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">hide</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"slow"</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><span style="font-size: 14pt;">  </span><br/><span style="font-size: 14pt;">    </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="kwd"><span style="font-size: 14pt;">else</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">if</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"><span style="font-size: 14pt;">v </span><span class="pun"><span style="font-size: 14pt;">==</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"3"</span><span class="pun"><span style="font-size: 14pt;">){</span><span class="pln"><br/><span style="font-size: 14pt;">        $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">hide</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="lit"><span style="font-size: 14pt;">3000</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><span style="font-size: 14pt;">    </span><br/><span style="font-size: 14pt;">    </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="kwd"><span style="font-size: 14pt;">else</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">if</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"><span style="font-size: 14pt;">v </span><span class="pun"><span style="font-size: 14pt;">==</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"4"</span><span class="pun"><span style="font-size: 14pt;">){</span><span class="pln"><br/><span style="font-size: 14pt;">        $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">hide</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="lit"><span style="font-size: 14pt;">1000</span><span class="pun"><span style="font-size: 14pt;">,</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">function</span><span class="pun"><span style="font-size: 14pt;">(){</span><span class="pln"><br/><span style="font-size: 14pt;">            alert</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"隐藏完毕!"</span><span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><br/><span style="font-size: 14pt;">        </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><br/><span style="font-size: 14pt;">    </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="kwd"><span style="font-size: 14pt;">else</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">if</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"><span style="font-size: 14pt;">v </span><span class="pun"><span style="font-size: 14pt;">==</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"5"</span><span class="pun"><span style="font-size: 14pt;">){</span><span class="pln"><br/><span style="font-size: 14pt;">        $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">hide</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="lit"><span style="font-size: 14pt;">1000</span><span class="pun"><span style="font-size: 14pt;">,</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"linear"</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><span style="font-size: 14pt;">  </span><br/><span style="font-size: 14pt;">    </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="kwd"><span style="font-size: 14pt;">else</span><span class="pln"> <span class="kwd"><span style="font-size: 14pt;">if</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"><span style="font-size: 14pt;">v </span><span class="pun"><span style="font-size: 14pt;">==</span><span class="pln"> <span class="str"><span style="font-size: 14pt;">"6"</span><span class="pun"><span style="font-size: 14pt;">){</span><span class="pln"><br/><span style="font-size: 14pt;">        $</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="str"><span style="font-size: 14pt;">"p"</span><span class="pun"><span style="font-size: 14pt;">).</span><span class="pln"><span style="font-size: 14pt;">hide</span><span class="pun"><span style="font-size: 14pt;">(</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">{</span><span class="pln"><span style="font-size: 14pt;"> duration</span><span class="pun"><span style="font-size: 14pt;">:</span><span class="pln"> <span class="lit"><span style="font-size: 14pt;">1000</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">}</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><span class="pln"><span style="font-size: 14pt;">  </span><br/><span style="font-size: 14pt;">    </span><span class="pun"><span style="font-size: 14pt;">}</span><span class="pln"><br/><span class="pun"><span style="font-size: 14pt;">}</span><span class="pln"> <span class="pun"><span style="font-size: 14pt;">);</span><br/><br/><br/><br/><br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>