• .on(event, [selector,] callback)：绑定事件，当设置选择器参数时可以实现事件代理，若不设置，则无法为新增节点绑定事件
• 在 jQuery 中可以给事件设定命名空间，用于解绑，见下例：

$('button').on('click.hello',function(){}); // 绑定 click.hello 事件
$('button').off('click.hello') // 解绑 click.hello 事件

• .each(function(index,element))：遍历一个jQuery对象，为每个匹配元素指定一个函数

• $.extend([deep],target,[object1],[object2])：将多个对象合并，若对象1上有与2上一样的属性，属性值会被2上的覆盖，默认是不递归的，将第一个参数值设为true后，则会在对象上进行递归的合并

  
  

• .clone()：深度复制所有匹配的元素集合
  一般讲一个元素插入到另一个元素下，如用appendTo函数等，会将该元素剪切，而用clone函数后再用appendTo函数则会使元素复制过去，不会剪切掉

• .index()/.index(selector)/.index(element)：从给定集合中查找特定元素的index

  1. 没有参数则返回第一个元素的index
  2. 若参数是jQuery对象或DOM对象，返回参数在集合中的index
  3. 若参数是选择器，返回第一个匹配元素index，没有则返回-1

• .ready(handler)：当DOM准备就绪后制定一个函数来执行，可以通过ready这种方式，将jQuery代码全部包裹起来，可以放在html的任何位置。它不会等图片都加载出来了再执行，和onload事件不一样。
  $(document).ready(handler)和 $(handler)等价

  • JS 中的 DOMContentLoaded 事件的执行时机早于 jQuery 中的 $.ready()，早于 load