JQuery学習ノート(-)初識JQuery

2104 ワード

このシリーズは個人JQuery学習ノートで、ブログに載せると後で自分で参考にしたり振り返ったりするのに便利です.本編はシリーズ第1編で、主にJQueryに関する基本的な知識、概念、およびJQueryの使用方法についてです.
1 JQuery紹介
JQueryは強力なjavascriptクラスライブラリであり、document traversing、event handling、animating、Ajax interactionsなど、Web開発でよく使用される機能を提供しています.JQueryで提供されている機能を使用すると、ページ内のjavascriptのプログラミングを極めて便利にし、重複コードを減らし、主にページ機能に集中することができます.JQueryのスローガンが言ったように、The Write Less,Do More,Javascript Library.
さらに、JQueryは拡張可能です.ユーザーは自分のニーズに合わせてJQueryを拡張することができます.
現在のJQueryの最新バージョンはV 1です.3.2、ここまでダウンロードできます.JQueryのウェブサイトは2つの圧縮パッケージ、Production(サイズ:19 KB)とDevelopment(サイズ:120 KB)を提供しています.必要に応じて圧縮パッケージを選択してダウンロードできます.
2 JQueryの使用
プロジェクトでJQueryを使用するには、jsファイルへの参照をページに追加します.
	<script type="text/javascript" src="script/jquery-1.3.2.js"></script>

その後、JQueryが提供する強力な機能を楽しむことができます.たとえば、DOMのロードが完了した後にいくつかの操作を実行するには、次のようにします.
$(document).ready(function(){
$("ul").addClass("selected");
$("a").click(function(){
window.alert(this.href);
return false;
});
});

同じページで異なるjavascriptライブラリを使用している場合、競合する問題が発生する可能性があります.競合の根源は、$が異なるjavascriptライブラリ内でカスタマイズされていることです.解決策はここを参照してください.
3$(document)について.ready()
Window.onLoadイベントは、画像などの他の外部リソースを含むページの完全なロードが完了した場合にのみ実行されます.そして$(document).ready()は、DOMツリーのロードが完了したときに実行を開始します.