jQuery总结

jQuery

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

一、jQuery是什么？

jQuery 是一个 JavaScript 函数库。

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

二、入口函数和onload

1.入口函数

代码如下（示例）：

 

2.onload

代码如下（示例）：

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

三、js与jQ相互转换

1.jQ—>js

代码如下（示例）：

2.js—>jQ

代码如下（示例）：

四、显示与隐藏

    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 库。