-
事件
(1)鼠标事件
①$ (selector).click(function(){}); - 鼠标的点击事件
②$ (selector).mouseover(function(){}) ;- 鼠标移上事件
③$ (selector).mouseleave(function(){}); – 鼠标离开事件
④$ (selector).mouseenter(function(){}); – 鼠标进入事件
⑤$(selector).mouseout(function(){}); – 鼠标移出事件(2)键盘事件
①$ (selector).keydown(function(){}); – 键盘按下的时间
②$ (selector).keyup(function(){}) – 键盘放开,谈起的事件
③$ (selector).keypress(function(){}) – 键盘输入的时候 -
绑定
(1)$ (selector).bind(“事件类型”,function(){})
(2)$ (selector).unbind() -
复合事件
(1)$ (selector).hover(function(){},function(){}) — 鼠标移上和移出
(2)$ (selector).toggle(function(){},function(){},…); – 点击多个事件相互切换 -
$ (selector).toggle() – 显示和隐藏
-
$(selector).toggleClass(“red”) – addClass(“red”) removeClass(“red”)
-
显示和隐藏的动画
(1)show(speed, [function(){}])/hide(speed, [function(){}])
(2)fadeIn(speed, [function(){}]) / fadeOut(speed, [function(){}]) - 淡出淡出
(3)slideUp(speed, [function(){}])/slideDown(speed, [function(){}]) – 改变元素的高度
speed : 数字(毫秒) ,slow,fast,normal
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....