jQuery知识点
1、jQuery 效果
hide() 隐藏 show()显示 toggle()切换显示隐藏
语法(speed,callback) speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数
fadeIn()淡入 fadeOut()淡出 fadeToggle()切换淡入淡出 fadeTo()给定的不透明度(在0-1之间)
语法(speed,callback) speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数
slideDown()向上滑动 slideUp()向下滑动 slideToggle()切换向上向下滑动
语法(speed,callback) speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数
animate()创建自定义动画 操作多个属性之间用 , 隔开
语法({parms},speed,callback) parms参数定义形成动画的css属性 speed规定隐藏显示的速度 slow fast 还有毫秒(2000) callback回调函数 执行完之后再执行函数
stop()停止动画
语法(stopAll,goToEnd) stopAll规定是否清除动画 默认是false goToEnd规定是否立即完成当前动画 默认是false
2、jQuery HTML
获取内容
text()设置或者返回所选元素的文本内容
html()设置或返回所选元素的html内容(包含标签)
val()设置或返回表单字段的值
获取属性
attr()获取的是所选元素的直接属性
添加方法
append()在被选元素内的结尾添加 添加多个元素用 , 隔开
prepend()在被选元素内的开头添加 添加多个元素用 , 隔开
after()在被选元素之后插入内容 添加多个元素用 , 隔开
before()在被选元素之前插入内容 添加多个元素用 , 隔开
删除元素
remove()删除被选元素(及其他的子元素) 删除的时候是彻底移除 还能接受参数进行过滤
empty()删除被选元素的子元素 清空其子元素 本身不会清除
获取并设置css类
addclass()向被选元素添加一个多个类 中间用 , 隔开
removeclass()删除一个多个类 中间用 , 隔开
togglecalss()进行添加/删除类的切换
caa()设置或返回样式属性 一个或多个 他与attr相似 但是attr是返回的直接属性 css是返回的是样式
尺寸
width() height() 不包括内边距 边框 外边距
innerWidth() innerHeight() 包括内边距 不包括边框 和外边距
outerWidth() outerHeight() 包括内边距和边框 不包括外边距
outerWidth(true) outerHeight(true) 包括内边距和边框外边距
$(document).height()/width() 设置文档宽高
$(window).height()/width() 设置窗口宽高
3、jQuery 遍历
所有的父级
parent()返回被选元素的直接父级(爸爸)
parents()返回被选元素的所有的父级
parentUntil()返回介于俩个被选元素的之间所有的父级元素 但是不包括parentsUntli("div")括号里面的
所有的子级
childen()返回被选元素的所有的子级
find("div") 返回被选元素的所有div子级
find("*") 返回被选元素的所有子级
同胞 兄弟
siblings() f返回被选元素的所有兄弟元素
next() 返回被选元素的下一个兄弟元素
nextAll() 返回被选元素跟随之后的所有兄弟元素
nextUntil() 返回介于两个给定参数之间的所有跟随的同胞元素 不包括括号内的元素
prev(), prevAll() & prevUntil() 方法 是上的意思 与next() nextAll() nextUntli()相反 它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。
过滤
first() 返回被选元素的首个元素
last() 返回被选元素的最后一个元素
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1)