33、jQuery：强大的DOM操作工具与Drupal应用实践

jQuery：强大的DOM操作工具与Drupal应用实践

1. jQuery简介与优势

jQuery以“Write Less, Do More”为口号，将使用JavaScript操作DOM的常见重复任务封装在简洁直观的语法背后，使代码更短、更智能且易于阅读。例如，在Drupal中查找可折叠字段集内的 legend 元素，传统JavaScript代码如下：

var fieldsets = document.getElementsByTagName('fieldset');
var legend, fieldset;
for (var i = 0; fieldset = fieldsets[i]; i++) {
    if (!hasClass(fieldset, 'collapsible')) {
        continue;
    }
    legend = fieldset.getElementsByTagName('legend');
    if (legend.length == 0) {
        continue;
    }
    legend = legend[0];
    ...
}

而使用jQuery后，代码简化为：

$('fieldset.collapsible > legend:not(.collapse-processed)', context).each(
    function() { ... });