jQuery

1. 基础语法：$(selector).action()
   1. $ 定义jQuery
   2. selector，选择器，选择需要操作的 HTML 元素；
   3. action( )，操作；
2. $(document).ready(function(){…});
   1. 所有的 jQuery 函数放在了 document ready 的函数中，目的，避免在 HTML 文档加载结束之前，就开始执行 jQuery，因为这样有可能导致操作失败；
   2. 但说不定在某种场景下，在加载前执行函数，或者是有意义的；
3. jQuery 使用 CSS 选择器来选择 HTML 元素，示例如下：
   1. $(“p”)：选择

      元素；

   2. $(“p.intro”)：选择 class = “intro” 的

      元素（点后面表示类）

   3. $(“p#demo”)：选择 id = “demo” 的

      元素（#后面表示 id）

   4. $(“ul li:first”)：选择所有
      的第一个
      • 元素
      • $(“div#intro.head”)：选择 id = ‘demo’ 中类名 class = ‘head’ 的
        元素；
4. jQuery 使用 XPath 来选择带有给属性的元素；
   1. $(“[href]”) ：选择带有 href 属性的元素；
   2. $(“[href = ‘#’]”)：选择 href 属性值为 # 的元素；
   3. $(“[href != ‘#’]”)：选择 href 属性值不为 # 元素；
   4. $(‘[href $= ‘.jpg’]”)：选择 href 属性值以 .jpg 结尾的属性；
5. 一些编码原则
   1. 把所有的 jQuery 代码置于事件处理函数中；
   2. 所有事件处理函数置于文档就绪事件处理器；
   3. 所 jQuery 代码置于单独的 .js 文件中；
   4. 如果存在名称冲突，则重命名 jQuery 库；
      1. var jq = jQuery.noConflict(); 用来取代原来的 $()，变成 js()
6. 动画
   1. 几乎所有 CSS 属性都是可以通过 jQuery 的 animate 方法来操作，但有几个注意事项
      1. CSS 属性需要改成驼峰大小写，例如：padding-left 更新为 paddingLeft；margin-right 更新为 marginRight；（这是因为两个单词 css 使用中横杠进行区隔，js 使用驼峰区隔）
      2. 色彩动画不包括在 jQuery 的核心库中，需要单独下载 color animation 插件才能实现；
   2. stop( ) 方法有两个参数：
      1. stopAll，是否停止当前所有的动画，默认 false，即只停止队列当前执行的动画，未执行的继续执行；true 则停止所有队列中的动画；
      2. goToEnd，是否立即完成当前播放的动画，然后忽略队列中余下的动画；默认 false；
   3. 如果想要在动画完成之后，才执行某个函数，而不是在动画执行的过程中执行（因为动画的播放一般有时间），则应该使用动画方法中的 callback 参数，将要执行的函数做为参数，放在动画的方法中；