ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery を使用して JavaScript 開発分析を簡素化する

jQuery_jquery を使用して JavaScript 開発分析を簡素化する

WBOY
WBOYオリジナル
2016-05-16 18:55:43938ブラウズ

jQuery は私が最近発見した新しいツールです。 jQuery 開発チームは、jQuery を「HTML ドキュメントの検査、イベント処理、アニメーションの実行を簡素化し、Web ページに AJAX インタラクションを追加する高速で簡潔な JavaScript ライブラリ」と説明しています。
jQuery 暫定版
jQuery の最新バージョンを無料でダウンロードできます。これは明確に定義されたスクリプト ファイルで構成されているため、ソース コードを自由に探索できます。 JavaScript ファイルをダウンロードしたら、Web サーバーに配置して使用できるように準備できます。 HTML SCRIPT 要素を使用して、jQuery ライブラリを任意の Web ページにロードできます。 src 属性は、サーバー上のファイルの実際のパスを利用する必要があります。

コードをコピー コードは次のとおりです:



ファイルをダウンロードした後、次のタスクを実行すると jQuery を使用できます。
コーディングの基本
jQuery でコーディングするときに使用されるいくつかのポインターを以下に示します。
jQuery コード ブロックの前にはドル記号 ($) が付いています。
ドル記号の後には左括弧が続きます。
括弧内は、どの要素を使用する必要があるかなど、jQuery が検索する内容です。
特定のオブジェクト イベントの後には右括弧が続きます。
指定したイベントを使用して発生するアクションを定義できます。メソッド/イベントの後の括弧内は、イベントの発生時にどのような操作が行われるかを説明する関数です。
例を示す前に、jQuery ライブラリの最も有益な基本要素の 1 つを紹介したいと思います。 jQuery で利用されるすべての機能は HTML DOM に配置されているため、jQuery の機能を使用する前にこのドキュメントをロードする必要があります。次の jQuery コード スニペットに示すように、このドキュメントの Ready イベントを使用して上記の操作を実行できます。
コードをコピー コードは次のとおりです。

$(document).ready(function() {
// ここにコードが入ります
});上記の単純な jQuery コードにより、ドキュメントの読み込みが完了した後にコードを実行できます。リスト A はその応用例で、ページ上のすべての見出し要素に CSS クラスを適用します。


コードをコピー コードは次のとおりです。 🎜>テスト
🎜>< ;script type="text/javascript">