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() 检查匹配的元素是否拥有指定的类。
jQuery
最新推荐文章于 2022-07-25 15:11:12 发布