
$(function(){ /* jQuery 的入口函数 */
// alert(‘入口函数’) /* 入口函数没有错误就会弹出 */
/*
mouseover mouseout 事件, 子元素被移入移出,也会触发父元素的事件
*/
// $(“.father”).mouseover(function(){ /*选择class叫父亲的div的鼠标移入事件*/
// alert(‘鼠标进入了父亲的盒子区域’) /* 弹出窗口’鼠标进入了父亲的盒子区域’*/
// })

// $(“.father”).mouseout(function(){ /*选择class叫父亲的div的鼠标移出事件*/
// alert(‘鼠标移出了父亲的盒子区域’) /* 弹出窗口’鼠标移出了父亲的盒子区域’*/
// })

/*mouseenter mouseleave 事件, 子元素被移入移出,不会触发父元素的事件 */
// $(“.father”).mouseenter(function(){ /*选择class叫父亲的div的鼠标移入事件*/
// alert(‘鼠标进入了父亲的盒子区域’) /* 弹出窗口’鼠标进入了父亲的盒子区域’*/
// })
// $(“.father”).mouseleave(function(){ /*选择class叫父亲的div的鼠标移出事件*/
// alert(‘鼠标移出了父亲的盒子区域’) /* 弹出窗口’鼠标移出了父亲的盒子区域’*/
// })
// $(“.father”).hover(function(){ /* 同时监听鼠标移入移出的事件用hover 子元素被移入移出,不会触发父元素的事件*/
// console.log(‘鼠标移入了’) /* 移入后调用*/
// }, function(){
// console.log(‘鼠标移出了’) /* 移出后调用*/
// })
$(“.father”).hover(function(){ /* 同时监听鼠标移入移出的事件用hover 子元素被移入移出,不会触发父元素的事件*/
console.log(‘鼠标移入移出了’) /*鼠标移入和移出都监听了*/
})
})
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 ZLME@ZLME.COM 举报,一经查实,立刻删除。