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 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

jQuery 코드는 Where?에 작성해야 합니다. 이는 다음 코드와 같이 일반 JavaScript와 다르지 않습니다. ...

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

사용 위의 jQuery 코드는 다음과 같이 변경할 수 있습니다:
...

[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] 약어 :
...

[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] $ (document)는 window.document와 비슷하지만 다릅니다. jQuery에는 자체 시스템 세트(객체, 메서드, 이벤트 등)가 있습니다. $(document).ready()는 비슷하지만 window .onload()와 (이전) 다르며, 전자는 반복적으로 사용될 수 있습니다:
...

[Ctrl A 모두 선택 참고: <script> //完整的写法 jQuery(document).ready(function() { alert("Hello"); }); //jQuery 可简写为 $ $(document).ready(function() { alert("Hello"); }); //$(document) 可以简写为 $() $().ready(function() { alert("Hello"); }); //$(document).ready() 也可以简写为 $() $(function() { alert("Hello"); }); </script>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]<script> $(function() { alert("Hello jQuery 1") }); window.onload = function() { alert("Hello JavaScript 1") }; //这会被覆盖 window.onload = function() { alert("Hello JavaScript 2") }; $(function() { alert("Hello jQuery 2") }); </script>
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