小学期web开发实训笔记（3）- JS（JQuery）【菜狗级】

jQuery

直接跳过JS

jQuery是JS的一个库

解决JS的繁琐

增加一些常用的便捷的操作

需要在html文件中，使用script标签，引入外部JS文件

选择器

与CSS大致相同，分为：标签选择器，ID选择器，属性选择器，层次选择器

$('jQuery的选择器')
$('.index')

根据选择器选择html中符合条件的html标签元素

DOM操作

针对DOM元素进行添加、修改、删除、查询。

$(‘jQuery的选择器’).行为/事件()
$('#id').css({属性:值,属性:值})

事件

当用户对页面进行操作时，产生的动作

$('选择器').事件(function(){动作代码})

常用事件

click()  单击
hover()   鼠标移上
change()   表单内容元素发生改变
mouseover
mouseout
mousemove
keydown
keyup
scroll()  滚动条事件

动画

长度、宽度、位置支持。

颜色、字体大部分不支持。

动画队列：一个元素有多个动画方法时，会生成。

hide(1000) show(1000)                      显示与隐藏
fadeIn() fadeOut()                         渐入渐出
slideUp() slideDown()                      划上滑下
animate({CSS属性},function{动画结束的回调})   自定义动画
stop(true)                                 停止动画，清除动画队列

动画必须放在function之内