2016.11.11 jq（复习1 选择器 事件 效果）

基础 jQuery：$(document).ready(function(){} （为了防止文档在完全加载（就绪）之前运行 jQuery 代码。） 库的替代：如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。Google 的CDN：src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"。Microsoft 的 CDN：src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"。

选择器：$("p.intro") 选取所有 class="intro" 的 <p> 元素。$("p#demo") 选取所有 id="demo" 的 <p> 元素。属性选择器：$("[href]") 选取所有带有 href 属性的元素。  CSS 选择器：$("p").css("background-color","red");

事件： 名称冲突：某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

效果：$(selector).hide(speed,callback);（隐藏）。可以使用toggle() 方法来切换 hide() 和 show() 方法。$(selector).toggle(speed, callback);  fadeIn() 用于淡入已隐藏的元素。fadeOut() 方法用于淡出可见元素。fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。$(selector).fadeTo(speed,opacity,callback);  slideDown() 方法用于向下滑动元素。 slideUp() 方法用于向上滑动元素。（也是隐藏和显示面板）。slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。jQuery 动画 - animate() 方法：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。$(selector).animate ({params} , speed,callback);$("div").animate({left:'250px'});（在{}中可设置多个属性）。当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。使用预定义的值：属性的动画值设置为 "show"、"hide" 或 "toggle"：（  height:'toggle' 上下动）。使用队列功能，在彼此之后编写多个 animate() 调用，jQuery 会创建包含这些方法调用的“内部”队列。然后逐一运行这些 animate 调用。停止动画：stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。$(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。Callback 函数：Callback 函数在当前动画 100% 完成之后执行。