ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery の一般的なメソッドと events_jquery の詳細な紹介

JQuery の一般的なメソッドと events_jquery の詳細な紹介

WBOY
リリース: 2016-05-16 17:36:16
オリジナル
1094 人が閲覧しました

ドキュメント準備関数
$(document).ready(function(){
--- jQuery 関数はここにあります ----
});
thisこれは、ドキュメントが完全にロードされる (準備が整う) 前に jQuery コードが実行されるのを防ぐためです。
ドキュメントが完全にロードされる前に関数を実行すると、操作が失敗する可能性があります。 (存在しない要素を非表示にしようとしています; 完全にロードされていない画像のサイズを取得しています)

すべての jQuery コードをイベント ハンドラーに配置します
すべてのイベント ハンドラーをドキュメント準備完了イベント ハンドラーに配置します

非表示/表示/切り替え
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector ).toggle(speed,callback);
オプションのspeedパラメータは、非表示/表示の速度を指定し、「slow」、「fast」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、非表示または表示、または切り替えが完了した後に実行される関数の名前です。

jQuery イベント

Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

jQuery フェーディングメソッド:

jQuery を使用すると、要素のフェード効果を実現できます。

jQuery には次の 4 つのフェード メソッドがあります:

  • フェードイン()
  • フェードアウト()
  • fadeToggle()

オプションの 速度パラメーターは、エフェクトの持続時間を指定します。 「slow」、「fast」、またはミリ秒の値を取ることができます。 オプションの コールバック パラメーターは、フェーディングの完了後に実行される関数の名前です。

  • fadeTo()

jQuery fadeTo() メソッドを使用すると、特定の不透明度 (0 から 1 までの値) へのグラデーションが可能になります。

$(selector).fadeTo(speed,opacity,callback);

必須 スピードパラメータはエフェクトの持続時間を指定します。 「slow」、「fast」、またはミリ秒の値を取ることができます。

必須 不透明度パラメーターは、フェード効果を指定された不透明度 (0 から 1 までの値) に設定します。

オプションの コールバック パラメーターは、関数の完了後に実行される関数の名前です。

JavaScript ステートメント (命令) は 1 つずつ順番に実行されるため、アニメーションが完了していないため、アニメーション以降のステートメントではエラーやページ競合が発生する可能性があります。

この状況を回避するには、コールバック関数をパラメータとして追加します。アニメーションを伴う関数の後にステートメントを実行する場合は、コールバック関数を使用します。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート