jQuery基本知识

jQuery是一个JavaScript脚本库，不需要特别的安装，只需要我们在页面 标签内中，通过 script 标签引入 jQuery 库即可。jQuery基础课程总共分为4个部分，分别是样式篇、事件篇、动画篇、DOM篇

一.样式

1.选择器

• id选择器 $(“#id”)
• 类选择器 $(“.class”)
• 元素选择器 $(“element”)
• 全选择器 $(“*”)
• 层级选择器 :
• 
• 筛选选择器
• 特殊选择器this $(“this”)
  2.属性和样式
• jQuery中用attr()方法来获取和设置元素属性。 .attr()与.removeAttr()
• 读取、修改元素的html结构或者元素的文本内容 html()及.text()
• .val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。
• 增加样式.addClass()
• 删除样式.removeClass()
• 切换样式.toggleClass()

二.DOM

1.DOM节点的创建

• 内部插入append()与appendTo()
• 外部插入after()与before()
• 内部插入prepend()与prependTo()

• 外部插入insertAfter()与insertBefore()
  2.DOM节点的删除

• empty()

• remove()

• 保留数据的删除操作detach()
  3.DOM节点的复制与替换

• 拷贝clone()

• 替换replaceWith()和replaceAll()

• 包裹wrap(),unwrap(),wrapAll(),wrapInner()
  4.jQuery遍历

• .chilrden() 找到所有一级子元素

• .find() 找到所有子元素
• .parent() 第一级父亲
• .parents() 所有父亲节点
• next()下一个节点（合集对象）
• prev()指定元素集合中每一个元素紧邻的前面同辈元素的元素集合
• siblings()快速查找指定元素集合中每一个元素的同辈元素
• add（)
• each()

三.事件

1.鼠标事件

• 单双击 .click()和.dbclick()
• mousedown与mouseup事件 按下与松开
• mousemove拖拽事件
• mouseover与mouseout移出移入事件
• mouseenter与mouseleave事件
• hover切换事件

• focusin聚焦事件 focusout失焦事件
  2.表单事件

• blur与focus事件 支持冒泡处理

• change事件
• select事件只能用于元素与元素

• submit提交事件
  3.键盘事件

• keydown()与keyup()事件 按下松开

• keypress()事件
• on()的多事件绑定

四.动画

1.隐藏和显示

• 隐藏元素的hide方法
• 显示元素的show方法

• 切换的toggle方法
  2.上卷下拉效果

• 上卷slideUp

• 下拉slideDown

• 切换slideToggle
  3.淡入淡出效果

• 淡入fadein fadeto

• 淡出fadeout
• 切换fadeToggle

五.常用插件

1.表单插件

2.UI插件