JQuery 总结 jQuery 各种事件

Posted nice2018

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 总结 jQuery 各种事件相关的知识,希望对你有一定的参考价值。

事件处理

针对一个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 总结 jQuery 各种事件的主要内容,如果未能解决你的问题,请参考以下文章

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

jQuery的DOM操作

使用 JQuery ajax 在 DOM 操作后附加事件

js jquery 代码如何调Firefox 兼容

JQuery--事件总结