jquery事件

基本事件

screen 屏幕     显示器左上角

page   页面     当前页面左上角

client 可视区域  显示页面的区域左上角

offset 元素      元素的左上角

页面没有滚动时 page与client基准点重合

事件切换

$(".child").mousemove(function(){ //鼠标移入

  $(this).css("background-color","red")

  })

$(".child").mouseout(function(){ //鼠标移出

 $(this).css("background-color","pink")

 })

简1 省去$(".child")

$(".child").mousemove(function(){ 鼠标移入

  $(this).css("background-color","red")

  }).mouseout(function(){ 鼠标移出

 $(this).css("background-color","pink")

 })

简2 hover

$(".child").hover(function(){ 

 $(this).css("background-color","red")

},function(){

$(this).css("background-color","pink")

 })

stopPropagation阻止事件冒泡

preventDefault阻止默认行为