基础jQuery 语法是：$(selector).action()
- 美元符号定义 jQuery
- 选择符（selector）“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
hide() 和 show() 方法来隐藏和显示 HTML 元素：
toggle() 方法来切换 hide() 和 show() 方法。
jQuery fadeIn() 用于淡入已隐藏的元素。
jQuery fadeIn() 用于淡入已隐藏的元素。
jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。
fadeOut() 方法用于淡出可见元素。
fadeIn() 用于淡入已隐藏的元素。
fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
slideDown() 方法用于向下滑动元素。
slideUp() 方法用于向上滑动元素。
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
animate() 方法用于创建自定义动画。
stop() 方法用于停止动画或效果，在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。
|
Event 函数 |
绑定函数至 |
|
$(document).ready(function) |
将函数绑定到文档的就绪事件（当文档完成加载时） |
|
$(selector).click(function) |
触发或将函数绑定到被选元素的点击事件 |
|
$(selector).dblclick(function) |
触发或将函数绑定到被选元素的双击事件 |
|
$(selector).focus(function) |
触发或将函数绑定到被选元素的获得焦点事件 |
|
$(selector).mouseover(function) |
触发或将函数绑定到被选元素的鼠标悬停事件 |
|
语法 |
描述 |
|
$(this) |
当前 HTML 元素 |
|
$("p") |
所有 <p> 元素 |
|
$("p.intro") |
所有 class="intro" 的 <p> 元素 |
|
$(".intro") |
所有 class="intro" 的元素 |
|
$("#intro") |
id="intro" 的元素 |
|
$("ul li:first") |
每个 <ul> 的第一个 <li> 元素 |
|
$("[href$='.jpg']") |
所有带有以 ".jpg" 结尾的属性值的 href 属性 |
|
$("div#intro .head") |
id="intro" 的 <div> 元素中的所有 class="head" 的元素 |