jQuery

$(function () {
    $(‘#selected-plays > li‘).addClass(‘horizontal‘);
    $(‘#selected-plays li:not(.horizontal)‘).addClass(‘sub-level‘);

    $(‘a[href^="mailto:"]‘).addClass(‘mailto‘);
    $(‘a[href$=".pdf"]‘).addClass(‘pdflink‘);
    $(‘a[href^="http"][href*="henry"]‘).addClass(‘henrylink‘);

    $(‘tr:nth-child(odd)‘).addClass(‘alt‘);
    $(‘tr:even‘).addClass(‘alt‘);
    $(‘tr‘).filter(‘:even‘).addClass(‘alt‘);

    $(‘a‘).filter(function () {
        //如果返回 false，则从匹配集合中删除相应元素；如果返回 true，则保留相应元素。
        return this.hostname && this.hostname != location.hostname;
    }).addClass(‘external‘);

    $(‘td:contains(Henry)‘).addClass(‘highlight‘);
    //.next() 方法只选择下一个最接近的同辈元素。
    $(‘td:contains(Henry)‘).next().addClass(‘highlight‘);
    $(‘td:contains(Henry)‘).nextAll().addClass(‘highlight‘);
    //.addBack() 方法用于向回添加其本身。
    $(‘td:contains(Henry)‘).nextAll().addBack().addClass(‘highlight‘);
    $(‘td:contains(Henry)‘).parent().children().addClass(‘highlight‘);

    $(‘td:contains(Henry)‘).parent().find(‘td:eq(1)‘).addClass(‘highlight‘).end().find(‘td:eq(2)‘).addClass(‘highlight‘);
    $(‘td:contains(Henry)‘) // Find every cell containing "Henry"
      .parent() // Select its parent
      .find(‘td:eq(1)‘) // Find the 2nd descendant cell
        .addClass(‘highlight‘) // Add the "highlight" class
      .end() // Return to the parent of the cell containing "Henry"
      .find(‘td:eq(2)‘) // Find the 3rd descendant cell
        .addClass(‘highlight‘); // Add the "highlight" class
});

$(function () {
    $(‘#letter-a a‘).click(function (event) {
        event.preventDefault();
        $(‘#dictionary‘).load(‘a.html‘);
    });

    $(‘#letter-b a‘).click(function (event) {
        event.preventDefault();
        //$.getJSON() 函数的第 2 个参数是当加载完成时调用的函数。回调函数也需要一个参数，该参数中保存返回的数据
        $.getJSON(‘b.json‘, function (data) {
            var html = ‘‘;
            //$.each() 函数不操作 jQuery 对象，它以数组或对象作为第一个参数，以回调函数作为第二个参数。已每次循环中数组或对象的当前索引和当前项作为回调函数的两个参数。
            $.each(data, function (entryIndex, entry) {
                html += ‘<div class="entry">‘;
                html += ‘<h3 class="term">‘ + entry.term + ‘</h3>‘;
                html += ‘<div class="part">‘ + entry.part + ‘</div>‘;
                html += ‘<div class="definition">‘ + entry.definition + ‘</div>‘;
                html += ‘</div>‘;
            });
            $(‘#dictionary‘).html(html);
        });
    });

    $(‘#letter-c a‘).click(function (event) {
        event.preventDefault();
        $.getScript(‘c.js‘);
    });

    $(‘#letter-e a‘).click(function (event) {
        event.preventDefault();
        var requestData = { term: $(this).text() };
        $.get(‘e.php‘, requestData, function (data) {
            $(‘#dictionary‘).html(data);
        });
    });

    $(‘#letter-e a‘).click(function (event) {
        event.preventDefault();
        var requestData = { term: $(this).text() };
        $.post(‘e.php‘, requestData, function (data) {
            $(‘#dictionary‘).html(data);
        });
    });

    $(‘#letter-e a‘).click(function (event) {
        event.preventDefault();
        var requestData = { term: $(this).text() };
        //.load() 方法在接收到包含数据的对象参数时，会默认使用 POST 方法发送请求。
        $(‘#dictionary‘).load(‘e.php‘, requestData);
    });
});