引用
Jquery基础知识
概要
教程基本知识点笔记
内容
1.jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。
$(selector).action()
美元符号定义 jQuery
选择符（selector）“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
2.文档就绪函数
document ready 函数
$(document).ready(function(){});
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码
如果在文档没有完全加载之前就运行函数，操作可能失败
3.jQuery 事件函数
jQuery 事件处理方法是 jQuery 中的核心函数。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
术语由事件“触发”（或“激发”）经常会被使用
通常会把 jQuery 代码放到 部分的事件处理方法中
Event函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
4.jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号
由于 jQuery 是为处理 HTML 事件而特别设计的，
那么当您遵循以下原则时，您的代码会更恰当且更易维护：
把所有 jQuery 代码置于事件处理函数中
把所有事件处理函数置于文档就绪事件处理器中
把 jQuery 代码置于单独的 .js 文件中
如果存在名称冲突，则重命名 jQuery 库
5.jQuery 效果 - 隐藏和显示
jQuery hide() 和 show()
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
jQuery toggle()
通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
$(selector).toggle(speed,callback);
6.jQuery 效果 - 淡入淡出
jQuery fadeIn() 方法:用于淡入已隐藏的元素
$(selector).fadeIn(speed,callback);
jQuery fadeOut() 方法用于淡出可见元素。
$(selector).fadeOut(speed,callback);
jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换
jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。
$(selector).fadeTo(speed,opacity,callback);
fadeTo() 方法中必需的 opacity 参数
将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）
7.jQuery 效果 - 滑动
jQuery slideDown() 方法用于向下滑动元素。
jQuery slideUp() 方法用于向上滑动元素
jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换
8.jQuery 效果 - 动画
jQuery animate() 方法用于创建自定义动画。
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性
jQuery animate() - 操作多个属性
生成动画的过程中可同时使用多个属性
提示：可以用 animate() 方法来操作所有 CSS 属性吗？
是的，几乎可以！不过，需要记住一件重要的事情：
当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，
比如，必须使用 paddingLeft 而不是 padding-left，
使用 marginRight 而不是 margin-right，等等。
同时，色彩动画并不包含在核心 jQuery 库中
如果需要生成颜色动画，您需要从 jQuery.com 下载 Color Animations 插件
jQuery animate() - 使用队列功能
jQuery 提供针对动画的队列功能
这意味着如果您在彼此之后编写多个 animate() 调用，
jQuery 会创建包含这些方法调用的“内部”队列。然后逐一运行这些 animate 调用
9.jQuery 停止动画
jQuery stop() 方法用于在动画或效果完成前对它们进行停止
stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画
$(selector).stop(stopAll,goToEnd);
可选的 stopAll 参数规定是否应该清除动画队列。
默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
因此，默认地，stop() 会清除在被选元素上指定的当前动画。
10.jQuery Callback 函数
由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，
动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。
为了避免这个情况，您可以以参数的形式添加 Callback 函数
结论：如果您希望在一个涉及动画的函数之后来执行语句，请使用 callback 函数
11.jQuery - Chaining
通过 jQuery，您可以把动作/方法链接起来
Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）
提示：这样的话，浏览器就不必多次查找相同的元素。
如需链接一个动作，您只需简单地把该动作追加到之前的动作上
提示：当进行链接时，代码行会变得很差。
不过，jQuery 在语法上不是很严格；您可以按照希望的格式来写，包含折行和缩进