迷你教程

发表于 作者

我一直都在查看我的推荐日志和 Technorati,看看谁在谈论 jQuery。今天我发现有人写了 一个快速教程,介绍如何使用 jQuery。教程本身相当新(例如,没有直接从文档中借鉴任何内容)——所以,如果你正在寻找更多示例代码,除了 当前教程 之外,这里就是另一个参考来源。

轻松输入 CSS 规则

发表于 作者

前几天我在 DOM Scripting 博客上看到了 一篇文章,并发现了一个绝佳的机会来演示 jQuery 的简洁性,观察一下

旧的 DOM 方式

function appendInputTypeClasses() {
  if ( !document.getElementsByTagName ) return;
  var inputs = document.getElementsByTagName('input');
  var inputLen = inputs.length;
  for ( i=0; i < inputLen; i++ ) {
    if ( inputs[i].getAttribute('type') ) {
      inputs[i].className += ' '+
        inputs[i].getAttribute('type');
    }
  }
}

新的 jQuery 方式

$("input").each(function(){
   $(this).addClass(this.type);
});

我甚至正在考虑实现一种绕过 each() 函数的新方法,观察一下

$("input").addClass("{type}");

就 JavaScript 代码而言,你真的无法再简短了。在接下来的几天/几周内,我会发布/改进更多“旧”的 DOM 脚本示例。

更多文档

发表于 作者

我刚刚完成了一些更多文档的编写,以帮助所有正在学习如何使用 jQuery 的人。我要感谢 Bruno 帮助我理清了所有 Prototype/jQuery 的怪异之处,以及 Derek 帮助我检查了选择器的差异。

  • jQuery 基础模块。我写了关于 $() 函数是如何工作的,并将所有单个函数类型的文档拆分到单独的页面。
  • jQuery 选择器。jQuery 最重要的部分之一就是它能够快速选择不同的 HTML 元素。此页面展示了它是如何工作的,以及 CSS 和 XPath 如何很好地协同工作。
  • 在 jQuery 中使用 CSS。此页面详细介绍了 CSS 1-3 规范之间的相似之处和差异,以及它们如何在 jQuery 中实现。
  • 在 jQuery 中使用 XPath。对在 CSS 之上支持的 XPath 基本方面的解释。
  • 自定义选择器。引入了一系列自定义选择器,这些选择器在 CSS 或 XPath 中都不容易获得。
  • 使用 Prototype 和 jQuery。最后,详细介绍了 jQuery 在与 Prototype 一起使用时的工作方式、需要注意的事项以及要留意的事项。

我与 jQuery 的下一个重要步骤是调整部分代码以提高速度和清晰度(感谢 Tim!),编写几个新插件,并为开发人员创建新的插件存储库。所有这些都将在接下来的几天/几周内发布。

第一个 jQuery 插件

发表于 作者

Michael Geary 今天联系我,告诉我他已经完成了第一个第三方 jQuery 插件。 他的特定插件 加载远程 JSON 文件,然后可以对其进行进一步操作。这种特定请求的链接并没有多少好处,但我仍在进一步探索(也许 jQuery 可以支持 JSON 遍历,以及 DOM?)。

他的代码让我想起了 Jordan 和我在 BarCampNYC 开始开发的一个模板/JSON 插件,它允许你导入外部模板代码。我会尽快提供有关此插件的更多详细信息(以及更多关于我正在开发的 AJAX 插件的详细信息,这些插件是根据许多人的要求开发的)。

我计划很快开放一个插件存储库,以便插件作者可以提交他们的代码,为文档和评论提供一个区域,并允许修补程序。更多详细信息,敬请关注。

宣布 jQuery 博客

发表于 作者

我想借此机会宣布 jQuery 博客。jQuery 刚发布一周多,反响就非常热烈。它出现在 del.icio.us 热门digg 首页,这充分说明了 JavaScript 程序员多么渴望得到一个更好的库来编写代码。我将使用此博客详细介绍对代码所做的更改,宣布新功能,并提供大量现实世界的示例。我已经计划了许多内容——我期待着推动这项工作!一如既往,如果你对 jQuery 有任何问题,请随时 给我发邮件