Latest web development tutorials
×

jQuery UI コース

jQuery UI コース jQuery UI 簡単な紹介 jQuery UI ダウンロード jQuery UI 使用 jQuery UI カスタマイズ jQuery UI ワークス

jQuery UI テーマ

jQuery UI テーマ jQuery UI ThemeRoller jQuery UI CSS フレーム API jQuery UI デザインテーマ

jQuery UI コンポーネントライブラリ

jQuery UI コンポーネントライブラリ jQuery UI 拡張ウィジェット jQuery UI メソッド呼び出しウィジェット jQuery UI なぜウィジェットライブラリを使用 jQuery UI ウィジェットライブラリを使用する方法

jQuery UI リファレンスマニュアル

jQuery UI API ファイル API カテゴリ - 特別に良い効果 API カテゴリ - エフェクトコア API カテゴリ - 交互に API カテゴリ - メソッドのオーバーロード API カテゴリ - ウェイ API カテゴリ - セレクタ API カテゴリ - テーマ API カテゴリ - UI コア API カテゴリ - ユーティリティ API カテゴリ - ウィジェット

jQuery UI 例

jQuery UI 例 ドラッグ 場所 スケーリング 選択します シーケンス 折りたたみパネル オートコンプリート プッシュボタン 日付ピッカー ダイアログ メニュー プログレスバー スライダー 回転子 タブ ツールチップボックス 特別に良い効果 ディスプレイ 隠します 切り替え .addClass() .removeClass() .toggleClass() .switchClass() カラーアニメーション 検索します コンポーネントライブラリ

jQueryのUIのAPI - .hide()

カテゴリ

特殊効果(エフェクト) | エフェクトコア(コアエフェクト) | メソッドオーバーロード(メソッド、オーバーライド) | メソッド(方法)

使用法

説明:一致する要素を非表示にするカスタムエフェクトを使用してください。

戻り値: jQueryの

.hide( effect [, options ] [, duration ] [, complete ] )

参数 类型 描述 默认值
effect String 一个字符串,指示要使用哪一种特效
options Object 特效具体的设置和 easing
duration Number 或 String 一个字符串或一个数字,指定动画将运行多久。 400
complete Function() 一旦动画完成时要调用的函数。

.hide( options )

参数 类型 描述
options Object 所有的动画设置。唯一一个必需的属性是 effect。
  • effect
    类型:String
    描述:一个字符串,指示要使用哪一种特效
  • easing (默认值: "swing"
    类型:String
    描述:一个字符串,指示要使用的 easing 函数。
  • duration (默认值: 400
    类型:Number 或 String
    描述:一个字符串或一个数字,指定动画将运行多久。
  • complete
    类型:Function()
    描述:一旦动画完成时要调用的函数。
  • queue (默认值: true
    类型:Boolean 或 String
    描述:一个布尔值,指示是否将动画放在特效队列中。如果是 false,动画将立即开始。 自 jQuery 1.7 起 ,queue 选项也接受一个字符串,在这种情况下,动画添加到由字符串表示的队列中。

jQueryのからのプラグインの拡張機能は、内蔵.hide()メソッドを。 jQueryのUIがロードされていない場合、呼び出し.hide()メソッドはjQueryのに存在するため、この方法は、単に失敗しません。 しかし、それは行動を期待されていません。

土地利用の効果(ドロップ効果)のdivを非表示にします。

<!DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
  <メタ文字セット= "UTF-8">
  <タイトル> .hide()デモ</タイトル>
  <リンクのrel = "スタイルシート"のhref = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <スタイル>
  div要素{
    幅:100ピクセル;
    高さ:100pxに。
    背景:#CCC;
    国境:1pxの固体#000;
  }
  </スタイル>
  <SCRIPT SRC = "// code.jquery.com/jquery-1.10.2.js"> </スクリプト>
  <SCRIPT SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </スクリプト>
</ HEAD>
<ボディ>
 
<ボタン>隠されたdivの</ button>の
<DIV> </ DIV>
 
<スクリプト>
$( "ボタン").click(関数(){
  $( "本部").hide(「ドロップ」{方向: "ダウン"}、 "遅いです");
});
</スクリプト>
 
</ BODY>
</ HTML>