码迷,mamicode.com
首页 > Web开发 > 详细

JQuery 总结(3) jQuery 各种事件

时间:2018-11-10 12:59:24      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:事件   浏览器   ext   color   context   UNC   seo   demo   htm   

事件处理

针对一个jQuery 对象才可以操作 直接click mouseover,函数写在括号里,在监听着呢

 

$(".p2").click(function () {
$(".p2").css({
  background:"red",
  width:"500",
  height:"400",
backgroundImage:"url(https://www.google.com.hk/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png)"
})
 })

 hover:鼠标覆盖 添加css 离开恢复 删除css

$("#demo").hover(function () {
$(this).addClass("c")
},function () {
$(this).removeClass("c")
})

  

 

 

click         当用户按下并释放鼠标按键或其他方式“激活”元素时触发
contextmenu   可以取消的事件,当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单
dblclick      当用户双击鼠标时触发
mousedown     当用户按下鼠标按键时触发
mouseup       当用户释放鼠标按键时触发
mousemove     当用户移动鼠标时触发
mouseover     当鼠标进入元素时触发
mouseout      当鼠标离开元素时触发
mouseenter    类似mouseover,但不冒泡
mouseleave    类似mouseout,但不冒泡

JQuery 总结(3) jQuery 各种事件

标签:事件   浏览器   ext   color   context   UNC   seo   demo   htm   

原文地址:https://www.cnblogs.com/nice2018/p/9938532.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!