jQuery总结

jQuery

  jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需使用选择器查找即可。

一、jQuery是什么?

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。

二、入口函数和onload

1.入口函数

代码如下(示例):

 jQuery总结jQuery总结

2.onload

代码如下(示例):

jQuery总结

 特点:后面的onload会覆盖前面的onload,需要等待页面所有内容加载完再执行。

三、js与jQ相互转换

1.jQ—>js

代码如下(示例):

jQuery总结

2.js—>jQ

代码如下(示例):

jQuery总结

四、显示与隐藏

    show()显示
    hide()隐藏
    toggle()切换显示与隐藏
    slideToggle()滑动切换与隐藏
    fadeToggle()淡入淡出
    fadein 淡入
    fadeout淡出
    fadeto()设置透明度
    fadein(speed,fn)‘speed执行的速度’

五、设置获取css

.css(name) 获取css属性值
.css(name,value) 设置css的属性值
css({name1:value1,name2:value2}) 设置多个css属性值

六、attr设置获取节点属性

 .attr(name) 获取节点属性
 .attr(name,value) 设置节点的属性值
 .attr({name1:value1,name2:value2}) 设置多个节点属性值

七、prop设置获取节点属性

.prop(name) 获取节点属性值
.prop(name,value) 设置节点属性值
prop({name1:value1,name2:value2}) 设置多个节点属性值

八、prop和attr区别

1.attr获取节点的初始值属性值  prop是获取节点的动态值
2.attr设置的属性值在dom=节点是可见的  prop设置的表单属性值在dom节点上不可见

九、动画

stop(true,true)
停止队列动画
回到动画的最终状态

十、事件

 click()单击
 ready()准备完毕
 hover()鼠标移入移出

总结

jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。

上一篇:jQuery总结


下一篇:Vue3 - 深入组件【未更完!】