. 基本选择符

    $('p')          //取得所有标签为p的元素

    $('.class')     //取得所有类为class的元素

    $('#id')        //取得id为id的元素

                    //以及其他css中的选择符

. 属性选择符

    $('img[alt]')   //选择带有alt属性的所有图像元素

    //^表示值在字符串的开始, $表示值在字符串的结尾. *表示要匹配的值可以出现在字符串的任意位置, !表示对值取反

    $('a[href^="mailto:"]')     //选择页面中所有mailto:链接

    $('a[href$=".pdf"]')        //选择页面中所有pdf文档链接

    $('a[href^="http"][href*="henry"]') //选择href属性以http开头且在任意位置包含henry的元素

. 自定义选择符

    $('div.horizontal:eq(1)')   //取得集合中的第二个元素

    $('tr:even')                //选择奇数行. 之所以是奇数行是因为第一行的编号是0　　　　还可以写作:　　$('tr').filter(':even')

    $('tr:nth-child(odd)')      //选择奇数行. :nth-child()是jq中唯一从1开始计数的选择符

    $('tr:contains(Henry)')     //根据上下文内容选择元素. contains选择符区分大小写

. 基于表单的选择符

    $('input[type="radio"]:checked')    //可以选择所有选中的单选按钮

    $('input[type="text"]:disabled')    //选择禁用的文本输入字段

    :input

    :button

    :enabled

    :disabled

    :checked:selected

    $('tr').filter(':even')

    $('a').filter(function(){

        return this.hostname && this.hostname!=location.hostname;

    })                          //选择包含带有域名的href属性的,且域名不等于页面当前所在域的名称的a元素

    .next()     //选择下一个最接近的同辈元素

    $('td:contains(Henry)').next()

    .nextAll()  //选择后面的全部同辈元素

    //对应方法

    .prev()

    .prevAll()

    .siblings()     //选择处于相同DOM层次的所有其他元素,无论这些元素处于当前元素之前还是之后

    .parent().children()        //另一种方法

    .get()

    var myTag = $('#my-element').get().tagName;    //获取带有id为my-element属性的元素的标签名

    var myTag = $('my-element')[].tagName;         //一种简写方式

    $(function(){

        //code here

    });

jQuery.noConflict();        //之和就通过jQuery来调用jQuery的方法

   jQuery(function($){

        //使用$的代码

    });

    //.on绑定事件

    $(this).on('click',function(){});

    //.click

    $(this).click(function(){})

    //添加类

    $('btn').addClass('classname');

    //移除类

    $('btn').removeClass('classname');

    //根据相应的类是否存在而添加或删除类

    $('btn').toggleClass('classname');

//设定事件目标

    $('#switcher').click(function(event){

        if(event.target = this){

            $('#switcher button').toggleClass('hidden');

        }

    });

    //停止事件传播

    event.stopPropagation();        //避免其他DOM元素响应事件

    //阻止默认操作

    .preventDefault();

    $(function(){

        $('#switcher').click(function(event){

            if($(event.target).is('button')){       //.is()方法接收一个选择符表达式,然后用选择符来测试当前jQuery对象. 如果集合中至少有一个元素与选择符匹配,.is()返回true

                var bodyClass = event.target.id.split('-')[];

                $('body').removeClass().addClass(bodyClass);

                $('#switcher button').removeClass('selected');

                $(event.target).addClass('selected');   //这里this引用的都是"#switch"对象,因此要访问被单击的按钮斗殴要通过event.target来引用

                event.stopPropagation();

            }

        });

    });

    $('#switcher').on('click.collapse', function(){});

    $('#switcher').off('click.collapse');

.css('propertyName','value'). //如果样式对象中不存在这个属性,jQuery就会依次检测所有带前缀(Webkit, o, Moz, ms)的属性, 然后使用第一个找到的那个属性.

//参数：　1. speed(毫秒/'slow'/'normal'/'fast')

//       2. callback[执行完的回调参数]

//淡入淡出 只是改变不可见性

.fadeIn();     //逐渐增大不透明度, 淡入

.fadeOut();    //逐渐减少不透明度, 淡出

//滑上和滑下

.slideDown()

.slideUp()

//切换可见性

.slideToggle();

.animate({

    property1:'value1',

    property2:'value2'

}, {

    duration:'value',

    easing: 'value',

    specialEasing: {

        property1: 'easing1',

        property2: 'easing2'

    },

    complete: function(){

        //...

    },

    queue: true,

    step: callback

});

//操作非类属性

.attr();    //和.css()方法类似, 可以接收一对属性名/属性值参数 或者是一个包含键值对的对象

.removeAttr();

//还可以使用值回调为每个元素设置不同的属性值

$(document).ready(function() {

  // Use attr() to add an id, rel, and title.

  $('div.chapter a[href*="wikipedia"]').attr({

    rel: 'external',

    title: function(){　　　　　　　　　　　　　　　　　　return 　'Learn more about ' + $(this).text()　　　　//利用值回调的上下文　　　　　　　　　　+ ' at Wikipedia.';　　　　　},

    id: function(index, oldValue) {　　//值回调

      return 'wikilink-' + index;

    }

  });

});

//取得"checked"属性的当前值

var currentChecked = $('.my-checkbox').prop('checked');

//设置"checked"属性的值

$('.my-checkbox').prop('checked', false);

//取得文本输入框的当前值

var inputValue = $('#my-input').val();

//取得选项列表的当前值

var selectValue = $('#my-select').val();

//设置单选列表的值

$('#my-single-select').val('value3');

//设置多选列表的值

$('#my-multi-select').val(['value1','value2']);

$(document).ready(function() {

  $('#letter-a a').click(function(event) {

    event.preventDefault();

    $.ajaxSetup({               //$.ajaxSetup()函数可以修改调用Ajax方法时每个选项的默认值.

                                //这个函数与$.ajax()接受相同的选项对象参数. 之后所有Ajax请求都使用传递给该函数的选项, 除非明确覆盖

      url: 'a.html',

      type: 'POST',

      dataType: 'html'

    });

    $.ajax({

      type: 'GET',

      success: function(data) {

        $('#dictionary').html(data);

      }

    });

  });

  $('#letter-b a').click(function(event) {

    event.preventDefault();

    $.getJSON('b.json', function(data) {            //$.getJSON()方法会在取得相应文件后对文件进行处理. 在数据从服务器返回后, 它只是一个简单的JSON格式的文本字符串.

                                                    //$.getJSON()方法会解析这个字符串, 并将处理得到的JavaScript对象提供给调用代码

                                                    //接受两个参数, 第2个参数是当加载完成时调用的函数

                                                    //$.getJSON()函数: 没有该方法适用的DOM元素;作为结果的对象只能提供给脚本,而不能插入到页面中.

                                                    //getJSON()是作为全局jQuery对象(由jQuery库定义的jQuery或$对象)的方法定义的, 而不是个别jQuery对象实例的方法

                                                    //可把getJSON()方法看做类方法, 称其为全局函数. 这些全局函数使用的是jQuery命名空间.

      var html = '';

      $.each(data, function(entryIndex, entry) {    //$.each()函数不操作jQuery对象, 它以数组或对象作为第一个参数,以回调函数作为第二个参数.

                                                    //此外还需要将每次循环中数组或对象的当前索引和当前项作为回调函数的两个参数

        html += '<div class="entry">';

        html += '<h3 class="term">' + entry.term + '</h3>';

        html += '<div class="part">' + entry.part + '</div>';

        html += '<div class="definition">';

        html += entry.definition;

        if (entry.quote) {

          html += '<div class="quote">';

          $.each(entry.quote, function(lineIndex, line) {

            html += '<div class="quote-line">' + line + '</div>';

          });

          if (entry.author) {

            html += '<div class="quote-author">' + entry.author + '</div>';

          }

          html += '</div>';

        }

        html += '</div>';

        html += '</div>';

      });

      $('#dictionary').html(html);

    });

  });

  $('#letter-c a').click(function(event) {

    event.preventDefault();

    $.getScript('c.js');        //$.getScript()也是一个全局函数. 接受一个url参数以查找脚本文件.

                                //以这种方式取得的脚本会在全局环境下执行. 这意味着脚本有权访问在全局环境中定义的函数和变量, 当然也包括jQuery自身

  });

  $('#letter-d a').click(function(event) {

    event.preventDefault();

    $.get('d.xml', function(data) {     //加载xml文档.

                                        //通常,$.get()函数只是取得由url指定的文件, 然后将纯文本格式的数据提供给回调函数. 但是在根据服务器提供的mine类型知道相应的是xml的情况下, 提供给回调函数的将是xml dom树

      $('#dictionary').empty();

      $(data).find('entry').each(function() {

        var $entry = $(this);

        var html = '<div class="entry">';

        html += '<h3 class="term">' + $entry.attr('term');

          html += '</h3>';

        html += '<div class="part">' + $entry.attr('part');

          html += '</div>';

        html += '<div class="definition">';

        html += $entry.find('definition').text();   //jQuery内部的选择符引擎, 对查找xml文档元素也有效

        var $quote = $entry.find('quote');

        if ($quote.length) {

          html += '<div class="quote">';

          $quote.find('line').each(function() {

            html += '<div class="quote-line">';

              html += $(this).text() + '</div>';

          });

          if ($quote.attr('author')) {

            html += '<div class="quote-author">';

              html += $quote.attr('author') + '</div>';

          }

          html += '</div>';

        }

        html += '</div>';

        html += '</div>';

        $('#dictionary').append($(html));

      });

    });

  });

  $('#letter-e a').click(function(event) {

    event.preventDefault();                             //为了防止单击这些链接时打开新的url.

                                                        //当默认动作是重新加载页面或重新打开新页面时, 推荐使用preventDefault()而不是return false结束该处理程序.

                                                        //return false意味着同时调用event.preventDefault()和event.stopPropagation(), 因此想要阻止事件冒泡, 还得调用后者

    var requestData = {term: $(this).text()};

    $.get('e.php', requestData, function(data) {        //向服务器传递数据. 第二个参数是一个用来构建查询关键字符串的键和值的对象.

      $('#dictionary').html(data);

    }).fail(function(jqXHR) {

      $('#dictionary')

      .html('Sorry, but an error occurred: ' + jqXHR.status)

      .append(jqXHR.responseText);

    });

  });

  $('#letter-f form').submit(function(event) {

    event.preventDefault();

    var formValues = $(this).serialize();

    $.get('f.php', formValues, function(data) {

      $('#dictionary').html(data);

    });

  });

  var url = 'http://examples.learningjquery.com/jsonp/g.php';

  $('#letter-g a').click(function(event) {

    event.preventDefault();

    $.getJSON(url + '?callback=?', function(data) {     //使用JSONP加载远程数据, 实现跨域
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "url?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//该函数是简写的Ajax函数. 等价于: $.ajax({url:url, data: data, success: callback, dataType: json});　　

      var html = '';

      $.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">';

        html += entry.definition;

        if (entry.quote) {

          html += '<div class="quote">';

          $.each(entry.quote, function(lineIndex, line) {

            html += '<div class="quote-line">' + line + '</div>';

          });

          if (entry.author) {

            html += '<div class="quote-author">' + entry.author + '</div>';

          }

          html += '</div>';

        }

        html += '</div>';

        html += '</div>';

      });

      $('#dictionary').html(html);

    });

  });

  $('#letter-h a').click(function(event) {

    event.preventDefault();

    $('#dictionary').load('h.html .entry');

  });

  var $loading = $('<div id="loading">Loading...</div>')

    .insertBefore('#dictionary');

                                                //jQuery提供的一组观察员函数, 来为各种与Ajax相关的事件注册回调函数.

                                                //这些观察员都是全局性的,且只能由$(document)调用

  $(document).ajaxStart(function() {            //当Ajax请求开始且尚未进行其他传输时出发.ajaxStart()的回调函数

    $loading.show();

  }).ajaxStop(function() {                      //最后一次活动请求终止时出发

    $loading.hide();

  });                                           //全局观察员函数还有.ajaxError()

  $('body').on('click', 'h3.term', function() {

    $(this).siblings('.definition').slideToggle();  //事件委托

  });

});

/******************************************************************************

  Our plugin code comes first in this document. Normally, plugins would

  appear in separate files named jquery.plugin-name.js, but for our examples

  it's convenient to place this plugin code in the same JavaScript file as

  the code that calls it.

******************************************************************************/

/******************************************************************************

  $.sum()

  Return the total of the numeric values in an array/object.

******************************************************************************/

(function($) {

  $.sum = function(array) {

    var total = 0;

    $.each(array, function(index, value) {

      value = $.trim(value);

      value = parseFloat(value) || 0;

      total += value;

    });

    return total;

  };

  $.average = function(array) {

    if ($.isArray(array)) {

      return $.sum(array) / array.length;

    }

    return '';

  };

})(jQuery);

/******************************************************************************

  End plugin code; begin custom script code.

******************************************************************************/

$(document).ready(function() {

  var $inventory = $('#inventory tbody');

  var quantities = $inventory.find('td:nth-child(2)')

    .map(function(index, qty) {

      return $(qty).text();

    }).get();

  var sum = $.sum(quantities);

  $('#sum').find('td:nth-child(2)').text(sum);

});

(function($) {

  $.extend({

    sum: function(array) {

      var total = 0;

      $.each(array, function(index, value) {

        value = $.trim(value);

        value = parseFloat(value) || 0;

        total += value;

      });

      return total;

    },

    average: function(array) {

      if ($.isArray(array)) {

        return $.sum(array) / array.length;

      }

      return '';

    }

  });

})(jQuery);

(function($) {

  $.mathUtils = {

    sum: function(array) {

      var total = 0;

      $.each(array, function(index, value) {

        value = $.trim(value);

        value = parseFloat(value) || 0;

        total += value;

      });

      return total;

    },

    average: function(array) {

      if ($.isArray(array)) {

        return $.mathUtils.sum(array) / array.length;

      }

      return '';

    }

  };

})(jQuery);

  var sum = $.mathUtils.sum(quantities);

  var average = $.mathUtils.average(prices);