我一直都在查看我的推荐日志和 Technorati,看看谁在谈论 jQuery。今天我发现有人写了 一个快速教程,介绍如何使用 jQuery。教程本身相当新(例如,没有直接从文档中借鉴任何内容)——所以,如果你正在寻找更多示例代码,除了 当前教程 之外,这里就是另一个参考来源。
月度归档:2006 年 1 月
轻松输入 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 邮件列表
根据 Mark(以及许多其他人)的要求,现在有一个官方的 jQuery 邮件列表。我已经进行了一些简单的测试,以确保它能正常工作,目前看来它运行良好。如果你在注册或发布消息时发现任何错误,请告诉我。请随时将问题或讨论保留在列表中,并将继续发送支持请求 直接给我。
更多文档
我刚刚完成了一些更多文档的编写,以帮助所有正在学习如何使用 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 有任何问题,请随时 给我发邮件。