jQuery

原生转JQ:

JQ转原生:JQ选择的obox2是一个数组


jq的onload


jq的onload

jq的onload和js不同:体现在img:新版本的ready只等页面结构加载结束,不等资源加载结束;

老版本的ready等同于onload


以上只是在区别,各自的方法获取到的数据,不能互相使用//      没有区分互相的语句,不能在一起使用

jq选择器:选择器选择出来的都是数组: $("    ")

id选择器:选择多个,失明特性,只能给一个设置样式

class选择器:选择多个,给多个设置样式

span选择器:选择多个,给多个设置样式

包含选择,群组选择,

css:只选择子:>    选择兄弟:+,后一个;~后所有的兄弟

属性选择:

伪类:

css:first-child

jq:尽量使用方法,节省性能

偶数:even,选择的是奇数:从0开始;奇数:odd

根据内容选择:innerhtml:


输入什么,什么 就被选中,搜索关键字高亮:百度搜索

:empty选择当前为空(内容为空)的元素

.empty()清空所有的内容

has根据子元素选择,谁的子元素有red就选择哪个父元素


选择显示/隐藏的


判断H3中是否有.h3,返回布尔


点一次显示,二次不显示,三次显示

补充选择器:

元素的显示隐藏:hide ( );   show ( );

JQ动画:1.内置动画

显示隐藏       show()/hide()/                            toggle()隐藏或显示

上拉下拉       slideUp()/slideDown()               slideToggle()上拉或下拉

淡入淡出       fadeIn()/fadeOut()                      fadeToggle(1000)淡入或淡出

半透明fadeTo(1000,0.2)                // 

2.,自定义动画:       元素.animate()



链式动画,animate与animate之间是同步


annimate与其他方法是异步,在执行动画的一刻,会瞬间改变颜色。下边的下载了回调函数里边,会同步执行。


jq提供的用来做同步连缀方法queue,queue()写在里边的都是同步的,后边不能连缀,异步写在里边也是同步

让与其他方法同步,把方法写在回调函数里面

3.动画的其他方法:delay(2000)延迟       ;     stop() 停止


第一个动画会延迟1秒执行,第二个也会延迟一秒...

//      stop():

 参数1:布尔值:控制队列

true:表示清除队列;  false:不清除队列(默认值)

 参数2:布尔值:控制当前动画

 true:表示将当前动画立即运行到终点; false:表示将当前动画停止在当前位置(默认值)

动画会产生队列,stop(队列,动画)停在当前位置(true,false),严格模式下不可用。不清除队列会继续执行动画,在当前暂停的位置(第一个没有执行完)继续执行下一个。只清除队列,只清除动画,会将动画立即执行到终点,再执行下一个。

4.动画的递归


会一直执行动画

5.动画-全局设置


6.应用:手风琴效果

每次开启动画前要先清除动画


多次点击触发多个动画,动画开启前要先关闭

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。