jQuery演習[1] jquery_jquery学習の準備

jQuery を使用して JavaScript スクリプトを作成することは、Delphi を使用して Windows プログラムを作成することに似ています。これより強力ではありませんが、使いやすくなります。

まず、jQuery の構文を包括的に参照してテストし、その構文について理解するつもりです。ロジックとアイデア、最後に試してみましょう。Delphi で jQuery を使用することは、MSHTML.pas を使用するよりもはるかに便利です。

公式サイト: http://jquery.com/
中国語のドキュメント: http://jquery-api-zh-cn.googlecode.com/
ダウンロード アドレス: http://docs.jquery.com/Downloading_jQuery

jQuery ライブラリは js ファイルには仕様の異なるバージョンがあります:

ソース コードを表示するには、次のバージョンを使用する必要があります: 標準バージョン (例: jquery-1.4.2.js)
実際のアプリケーションでは、使用する必要があります: 最小バージョン (例: jquery- 1.4.2.min.js);
VS で編集するときにコード プロンプトで vsdoc バージョンを使用できますが、確認できる vsdoc の最新バージョンは 1.4 です。 .1、これも許容されます。

PS: 次の実行コードは jquery で追加され、実行後に更新すると効果が確認できます。

は、使用前にページ内で呼び出す必要があります:

...
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります
]

jQuery コードは Where? に記述する必要があります。これは、次のコードのように、通常の JavaScript と変わりません。 ...
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

を使用します上記の jQuery コードは次のように変更できます:

...
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

省略形:
...

[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

$ (document) は jQuery オブジェクトであり、window.document とは似ていますが、異なります。jQuery には独自のシステム (オブジェクト、メソッド、イベントなど) のセットがあります。$(document).ready() は似ていますが、 (以前の) window .onload() とは異なり、前者は繰り返し使用できます:
...

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]
window.onload() 发生在页面载入完成时,
$(document).ready() 发生在页面主体框架载入完成时(或许某个图片还没下载完);
当需要这个时机时, 我更喜欢把代码放在页尾:

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script> window.onload = function() { alert("Hello 4") }; $(function() { alert("Hello 3") }); </script> 页面内容 <script> alert("Hello 1"); </script> <script> function fun() { alert("Hello 2") }; fun(); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

用什么工具呢? 听说有很多, 我觉得 VS 就不错, 还有代码提示, 就是太慢了, 不如自己写一个:


JavaScriptTest2.rar