ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery の一般的なメソッドと events_jquery の詳細な紹介
ドキュメント準備関数
$(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 つのフェード メソッドがあります:
オプションの 速度パラメーターは、エフェクトの持続時間を指定します。 「slow」、「fast」、またはミリ秒の値を取ることができます。 オプションの コールバック パラメーターは、フェーディングの完了後に実行される関数の名前です。
jQuery fadeTo() メソッドを使用すると、特定の不透明度 (0 から 1 までの値) へのグラデーションが可能になります。
$(selector).fadeTo(speed,opacity,callback);
必須 スピードパラメータはエフェクトの持続時間を指定します。 「slow」、「fast」、またはミリ秒の値を取ることができます。
必須 不透明度パラメーターは、フェード効果を指定された不透明度 (0 から 1 までの値) に設定します。
オプションの コールバック パラメーターは、関数の完了後に実行される関数の名前です。
JavaScript ステートメント (命令) は 1 つずつ順番に実行されるため、アニメーションが完了していないため、アニメーション以降のステートメントではエラーやページ競合が発生する可能性があります。
この状況を回避するには、コールバック関数をパラメータとして追加します。アニメーションを伴う関数の後にステートメントを実行する場合は、コールバック関数を使用します。