jQuery

来源:互联网 发布:前端跟美工的区别 编辑:程序博客网 时间:2024/06/09 18:22
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() 检查匹配的元素是否拥有指定的类。

原创粉丝点击