1234323181
2016-11-18 14:15
$(".aaron1").mousemove(function(e) {
$(this).find('p:last').html('移动的X位置:' + e.pageX)
})
这里为 class=arron1 的元素添加了mousemove事件,当鼠标移入 class=arron1 的元素时就会不断的触发这个事件,然后就会执行这个事件处理函数
function(e) {
$(this).find('p:last').html('移动的X位置:' + e.pageX)
}
这里$(this).find('p:last') 先找到class=arron1 的元素,再查找这个元素下面的所有p元素 中的最后一个p元素
,。html()修改p元素中的内容,
e.pageX是鼠标相对于文档边缘(文档边缘也就是document的边缘)的X轴位置, e一般写成event,e 里面存放着 使事件触发的那个元素(这里是class=arron1这个元素)的各种信息, 用e.pageX就可以查看鼠标相对于文档边缘的X轴位置。
e代表event就是事件,e.pageX呢就是鼠标的位置,意思是鼠标移动时这鼠标在什么位置
jQuery基础(三)—事件篇
89997 学习 · 625 问题
相似问题