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插件