本文共 1339 字，大约阅读时间需要 4 分钟。

jQuery?????Web??????????????????????????????????jQuery????????????

jQuery?????????

jQuery??????? JavaScript ??????????? jQuery ?????????????? JS???? "on" ???????????????????

??????

1. Mouse Enter ? Mouse Leave

• mouseenter() ?????????????????
• mouseleave() ?????????????????

?????mouseenter ? mouseleave ?????????????????????????????????????????????????????????? mouseover ? mouseout?

2. Code Comparison - mouseenter ? mouseleave

??????????? mouseenter ? mouseleave ???

$box.mouseenter(function() {    console.log("box mouse in");});$box.mouseleave(function() {    console.log("box mouse out");});$parent.mouseenter(function() {    console.log("parent mouse in");});$parent.mouseleave(function() {    console.log("parent mouse out");});

3. mouseover ? mouseout

?????????????????????????????? mouseover ? mouseout ???

$box.mouseover(function() {    console.log("box mouse in");});$box.mouseout(function() {    console.log("box mouse out");});$parent.mouseover(function() {    console.log("parent mouse in");});$parent.mouseout(function() {    console.log("parent mouse out");});

4. hover() ??

hover() ???? mouseenter ? mouseleave ????????????????????????????????????

$box.hover(function() {    $box.addClass("big");}, function() {    $box.removeClass("big");});

??

??????????????? jQuery ???????????????????????????????????????????????????????

转载地址：http://ojgq.baihongyu.com/