var tables = document.getElementsByTagName("table");
for ( var t = 0; t < tables.length; t++ ) {
  var rows = tables[t].getElementsByTagName("tr");
  for ( var i = 1; i < rows.length; i += 2 )
    if ( !/(^|\s)odd(\s|$)/.test( rows[i].className ) )
      rows[i].className += " odd";
}

注意：这包括检查表格行是否已经存在“odd”类。所有现代库都处理了这一点。

Yahoo UI：(演示)

var tables = document.getElementsByTagName("table");
for ( var t = 0; t < tables.length; t++ ) {
  var rows = tables[t].getElementsByTagName("tr");
  for ( var i = 1; i < rows.length; i += 2 )
    YAHOO.util.Dom.addClass( rows[i], "odd" );
}

注意：虽然，他们自己的开发者网站不同意。

Dojo：(演示)

var each = dojo.lang.forEach;

each(document.getElementsByTagName("table"), function(table){
  each(table.getElementsByTagName("tr"), function(row,i){
    if ( i % 2 == 1 )
      dojo.html.addClass( row, "odd" );
  });
});

注意：为了使代码更短，一个常用函数被分配给一个变量。

Prototype (1.4.0)：(演示)

$A(document.getElementsByTagName("table")).each(function(table){
  $A(table.getElementsByTagName("tr")).each(function(row,i){
    if ( i % 2 == 1 )
      Element.addClassName( row, "odd" );
  });
});

Mochikit：(演示)

var byTag = getElementsByTagAndClassName;

forEach( byTag("table"), function(table) {
  var rows = byTag( "tr", null, table );
  for ( var i = 1; i < rows.length; i += 2 )
    addElementClass( rows[i], "odd" );
});

注意：为了使代码更短，一个常用函数被分配给一个变量。

Prototype (1.5.0)：(演示)

$$("table").each(function(table){
  Selector.findChildElements(table, ["tr"])
    .findAll(function(row,i){ return i % 2 == 1; })
    .invoke("addClassName", "odd");
});

mootools：(演示)

$$("table").each(function(table){
  $ES("tr", table).each(function(row,i){
    if ( i % 2 == 1 )
      row.addClass( "odd" );
  });
});

jQuery：(演示)

$("tr:nth-child(odd)").addClass("odd");

如果您觉得您有比此处发布的更优雅的解决方案，请在下面发布，以便更新列表。

新提交

这些是其他读者提交的新条目。

AJS：(演示)

AJS.map(AJS.$bytc("table"), function(table) {
 AJS.map(AJS.$bytc("tr", null, table), function(row, i) {
   if ( i % 2 == 1 && !/(^|\s)odd(\s|$)/.test( row.className ) )
     AJS.setClass( row, "odd" );
 });

Prototype 1.5.1: (demo)

$$('tr:nth-child(odd)').invoke('addClassName', 'odd');

未分类

1.0.2 中的小 API 更改

发布于 2006年10月13日作者： John Resig

我忘记在 1.0.2 版本说明中提到，前几天有一个小的 API 变更。这是一个失误，我们应该等到下一个主要版本（jQuery 1.1）再进行 API 变更。

正如 Steven Wittens 总结的那样，变更背后的前提是：

在 jQuery 1.0.2 中，‘success’ 回调函数的第一个参数已更改为返回实际数据，而不是 XMLHttpRequest 对象。使用 $.ajax() 的 ‘dataType’ 参数来控制数据的返回方式。请注意，jQuery 现在可以以这种方式为您解析 XML、JSON 和 JavaScript。

jQuery 1.0.1

$.ajax( {
  success: function (xmlhttp) {
    var data = $.httpData( xmlhttp );
    // 'data' holds the response data from the server
  }
);

jQuery 1.0.2

$.ajax( {
  success: function (data) {
    // 'data' holds the response data from the server
  }
);

感谢 Steven 的总结，并对大家带来的不便表示歉意！

未分类

jQuery 1.0.2

发布于 2006年10月9日作者 John Resig

jQuery 1.0.2 现在已经准备好使用了！这个版本是一个巨大的错误修复版本——强烈建议您立即升级。和往常一样，如果您发现任何错误，请添加到错误跟踪器。

除了拥有更好的测试套件外，这个版本的一个重要推动力是提高常见任务（例如 AJAX 操作）的跨浏览器兼容性。然而，在功能上，这个版本没有添加任何主要特性（尽管，预计在 1.1 版本中会有一些新代码）。

我想借此机会向大家介绍 Jörn Zaefferer。这个版本的大部分成果都归功于他。他负责完全重构测试套件（现在有 260 多个测试！）并修复了大部分当前错误和增强功能（超过 60 个！）。如果您想感谢某人，那应该是他。

立即下载

已关闭的工单

此版本关闭的全部错误或增强功能

官方 jQuery 博客

每月档案：2006年10月

jQuery 1.0.3

立即下载

已关闭的工单

jQuery 按钮大赛 – 众多奖品！

Firefox 的朋友 – Mozilla 使用 jQuery。

Zebra 表格对决

挑战

纯 DOM 脚本：(演示)

Yahoo UI：(演示)

Dojo：(演示)

Prototype (1.4.0)：(演示)

Mochikit：(演示)

Prototype (1.5.0)：(演示)

mootools：(演示)

jQuery：(演示)

新提交

AJS：(演示)

Prototype 1.5.1: (demo)

1.0.2 中的小 API 更改

jQuery 1.0.2

立即下载

已关闭的工单