前端学习笔记-html基础(5)

jQuery

jQuery是一个快速、小型且丰富的JavaScript库

jQuery优势：

轻量级、强大的选择器、完善的文档、开源

jQuery基本语法结构：

$(选择器).方法();

jQuery(选择器).方法();

$(选择器).方法().方法();

基础选择器

id、类、标签、全局、并集选择器

层次选择器

后代、子、相邻兄弟、通用兄弟选择器

属性选择器

[attr]、[attr=val]、[attru^=val]、[attr$=val]、[attr*=val]

jQuery事件

组成部分:事件主体、事件类型、事件处理函数

鼠标事件

click():鼠标单击时执行

mouseover():鼠标指针移入时

moseout():鼠标指针移出去时

mouseenter():鼠标指针进入时

mouseleave():鼠标指针离开时

键盘事件

keydown():键盘按下按键时执行

keyup():键盘按键释放时执行

keypress():产生可打印的字符(字母、数字、符号等)时执行

浏览器事件

resize():浏览器窗口尺寸发生改变时执行

scroll():滚动条或可滚动元素滚动时执行

表单事件

focus():元素获得焦点时执行

blur()：元素失去焦点时执行

change()：元素的值发生改变时执行

submit():<form>表单提交时执行

绑定事件

$(选择器).on(绑定的事件名称，事件处理函数)

移除事件

$(选择器).off(移除的事件名称)