jQuery知识总结

 

jQuery简介

jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作，实现一些常用的方法，jQuery

还可以链式操作。

    2、 jQuery常用知识要点

jQuery的事件和JS的事件基本相同，在使用的时候，去掉JS事件前面的on即可。

jQuery常用的事件：

load：当文档加载时运行脚本

blur：当窗口失去焦点时运行脚本

focus：当窗口获得焦点时运行脚本

change：当元素改变时运行脚本

submit：当提交表单时运行脚本

keydown：当按下按键时运行脚本

keypress：当按下并松开按键时运行脚本

keyup：当松开按键时运行脚本

click：当单击鼠标时运行脚本

dblclick：当双击鼠标时运行脚本

mousedown：当按下鼠标按钮时运行脚本

mousemove：当鼠标指针移动时运行脚本

mouseout：当鼠标指针移出元素时运行脚本

mouseover：当鼠标指针移至元素之上时运行脚本

mouseup：当松开鼠标按钮时运行脚本

abort：当发生中止事件时运行脚本

      3、 jQuery常用的效果方法

$(selector).hide() ? 隐藏被选的元素

$(selector).show() ? 显示被选的元素

$(selector).toggle() ? 对被选元素进行隐藏和显示的切换

$(selector).slideDown() ? 通过调整高度来滑动显示被选元素

$(selector).slideToggle() ? 对被选元素进行滑动隐藏和滑动显示的切换

$(selector).slideUp() ? 通过调整高度来滑动隐藏被选元素

$(selector).fadeIn() ? 逐渐改变被选元素的不透明度，从隐藏到可见

$(selector).fadeOut() ? 逐渐改变被选元素的不透明度，从可见到隐藏

$(selector).fadeTo() ? 把被选元素逐渐改变至给定的不透明度

$(selector).animate() ? 对被选元素应用“自定义”的动画

      4、 jQuery对css的操作

$(selector).height() ? 设置或返回匹配元素的高度。

$(selector).width() ? 设置或返回匹配元素的宽度。

$(selector).addClass() ? 向被选元素添加一个或多个类

$(selector).removeClass() ? 从被选元素删除一个或多个类

$(selector).toggleClass() ? 对被选元素进行添加/删除类的切换操作

$(selector).css() ? 设置或返回样式属性

$(selector).hasClass() 检查匹配的元素是否拥有指定的类。