jQuery入门学习

什么是JQuery:

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

jQuery库包含以下功能：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示： 除此之外，Jquery还提供了大量的插件。

jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作

jquery效果

jQuery Fading 方法

通过 jQuery，您可以实现元素的淡入淡出效果。

jQuery 拥有下面四种 fade 方法：

1. fadeIn() : 用于淡入已隐藏的元素
2. fadeOut() : 方法用于淡出可见元素
3. fadeToggle() : 如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果;如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果
4. fadeTo() : 允许渐变为给定的不透明度（值介于 0 与 1 之间）

jQuery 滑动方法

通过 jQuery，您可以在元素上创建滑动效果。

jQuery 拥有以下滑动方法：

slideDown() 向下滑动元素
slideUp() 向上滑动元素
slideToggle() 如果元素向下滑动，则 slideToggle() 可向上滑动它们;如果元素向上滑动，则 slideToggle() 可向下滑动它们
注意:jQuery允许自定义动画,jQuery animate() 方法用于创建自定义动画

jQuery 操作 CSS

jQuery 拥有若干进行 CSS 操作的方法：

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

以下链接源自菜鸟教程
jquery事件方法:https://www.runoob.com/jquery/jquery-ref-events.html
jquery选择器:https://www.runoob.com/jquery/jquery-ref-selectors.html
jquery效果方法:https://www.runoob.com/jquery/jquery-ref-effects.html
jquery有关HTML/CSS方法:https://www.runoob.com/jquery/jquery-ref-html.html