我一直在查看我的引用日志和 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 有任何疑问,请随时 通过电子邮件与我联系。