基础知识
jQuery是js库,能够帮助我们轻松实现一些原本麻烦的功能
jQuery每个版本分俩个小版本,压缩版与未压缩版。压缩版文件较小,但是没有排版和注释,不便于阅读。未压缩版文件较大,有排版和注释,便于阅读。
实际上是一个js文件,加载到页面就可以直接使用。
也可以通过CDN(content distrubute net)来引用jQuery
基本语法
$(选择器).action()
$:定义了这是一个Jquery的代码
选择器:按照一定规则选择DOM元素,于CSS选择器非常类似
Action:对选中的元素执行的操作
2.选择器
基本选择器:
id选择器
$("#idName")
类选择器
$(".className")
元素选择器
$(“TagName(标签名)”)
选择所有元素
$("*")
选择器分组
$(“选择器1,选择器2.选择器n”)
层次选择器:
后代元素
$(“祖先元素 后代元素”)
子元素
$(“父元素 子元素”)
下一个兄弟元素
$(“前一个 + 后一个”)
下面所有兄弟元素
$(“前一个~后边所有”)
过滤选择器:
jQueryAPI
选择p标签的第一个
选择所有的name属性的标签
选择name属性等于#的标签
事件
页面对不同访问者的相应叫事件。事件处理程序指的是当HTML中发生某些事件时所调用的方法
常见DOM事件
鼠标事件:
Click:单击事件
Dblclick:双击事件
Mouseenter:鼠标移入
Mouseleave:鼠标移出
Hover:模仿悬停事件
键盘事件:
keypress:键盘编码
keydown:按下
keyup:抬起
表单事件:
submit:表单提交事件
Change:表单改变事件
Focus:获得焦点事件
Blur:失去焦点事件
窗口/文档事件
Load:加载完事件
Resize:调整窗口大小触发
Scroll:滚动窗口触发
Unload:关闭窗口触发