jQuery知识点

Posted 2021-02-05 songhao

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）