WEB开发网
开发学院网页设计JavaScript jQuery 练习[一]: 准备工作 阅读

jQuery 练习[一]: 准备工作

 2010-06-11 00:00:00 来源:WEB开发网   
核心提示:初次尝试 jQuery, 近乎震撼! 简洁、高效、优雅、平易, 太有思想了.使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用.计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 j

初次尝试 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)

实际应用应该使用: min 版(如: jquery-1.4.2.min.js);

在 VS 编辑时可以使用有代码提示的 vsdoc 版本, 不过暂能找到的 vsdoc 最新版本是 1.4.1 的, 也可以.

使用前应先在页面中调用; 测试页:

<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
</head>
<body>
...
</body>
</html>
<script type="text/javascript">
    $(function() {
        alert("Hello jQuery");
    });
</script> 

应该把 jQuery 代码写在哪呢? 这和普通的 JavaScript 没有区别, 如下面代码:

<!doctype html>
<html>
<head>
<script type="text/javascript">
    function myLoad() {
        alert("Hello");
    }
    window.onload = myLoad;
</script>
</head>
<body>
...
</body>
</html> 

编缉推荐阅读以下文章

  • jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配
  • jQuery 练习[二]: 获取对象(2) - 定位子对象
  • jQuery 练习[二]: 获取对象(1) - 基本选择与层级

1 2  下一页

Tags:jQuery 练习 准备

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接