1. 核心功能
    1. HTML 元素选取
    2. HTML 元素操作
    3. CSS 操作
    4. HTML 事件函数
    5. JavaScript 特效和动画
      1. $("#msg").show("fast");
      2. $("#msg").hide("slow");
      3. $("#msg").fadeIn();
      4. $("#msg").fadeOut();
      5. $(selector).fadeIn(speed,callback);
      6. $(selector).slideDown(speed,callback);
      7. $(selector).animate({params},speed,callback);
    6. HTML DOM 遍历和修改
    7. AJAX
      1. $.ajax({ async : false, type: "POST", url: "example.php", data: "name=John&location=Boston" }).done(function(msg){ alert("Data Saved: " + msg); }).fail(function(xmlHttpRequest,statusText,errorThrown) { alert( "Your form submission failed.\n\n" + "XML Http Request: " + JSON.stringify(xmlHttpRequest) + ",\nStatus Text: " + statusText + ",\nError Thrown: " + errorThrown); });
    8. Utilities
  2. 语法
    1. $(selector).action()
      1. 美元符号定义 jQuery
      2. 选择符(selector)“查询”和“查找” HTML 元素
      3. jQuery 的 action() 执行对元素的操作
  3. 选择器
    1. jQuery 使用 sizzle引擎,支持css选取,Xpath选取等方式
    2. XPath 表达式
      1. $("p") 选取全部 <p> 元素。
      2. $("p.intro") 选取所有包含class为"intro"的 <p> 元素。
      3. $("#demo") 选取 id为"demo" 的元素。
      4. $("[href]") 选取所有带有 href 属性的元素。
      5. $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
      6. $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
      7. $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
      8. $("[href^='/imgaes/']") 选取所有 href 值以 /imgaes/" 开头的元素。
      9. $("p.intro") 所有 class="intro" 的 <p> 元素 元素选择器
      10. $(".intro") 所有 class="intro" 的元素 类选择器
      11. $("#intro") id="intro" 的第一个元素 id 选择器
      12. 更多详细信息请参见jQuery API的Selectors部分。
  4. Event函数
    1. $(document).ready(function)
    2. $(selector).click(function)
    3. $(selector).dblclick(function)
    4. $(selector).focus(function)
    5. $(selector).mouseover(function)
  5. 核心理念
    1. write less,do more
    2. John Resig