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