本文共 1365 字，大约阅读时间需要 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/