jquery中怎样给每一个li,添加mouseover事件?

jquery中怎样给每一个li,添加mouseover事件?,第1张

1、肯定是先引入jquery库,可以选择下载本地引用,也可以在线引用。

2、on函数,这个是官方推荐使用的函数,因为其他方法都是内部调用on来完成的,直接使用on可以提高效率。

3、bind函数,bind是使用频率较高的一种,作用就是在选择到的元素上绑定特定事件类型的监听函数。

4、delegate函数,delegate(selector,type,[data],fn)参数多了一个selector,用来指定触发事件的目标元素,监听器将被绑定在调用此方法的元素上。

5、jquery在版本升级的过程中,内容和方法肯定是更新迭代,为更好的服务于开发者,所以各版本肯定有所差异。

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,mouseout事件于用户把鼠标移出一个元素时触发。\x0d\x0a下面为你详细介绍下jquery中的鼠标事件:\x0d\x0a(1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发;\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!')\x0d\x0a})\x0d\x0a(2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于 *** 作系统的设置。一般双击事件在页面中不经常使用;\x0d\x0a$('p').dbclick(function(){\x0d\x0aalert('dbclick function is running\x0d\x0a!')\x0d\x0a})\x0d\x0a(3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发;\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !')\x0d\x0a})\x0d\x0a(4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发;\x0d\x0a$('p').mouseup(function(){\x0d\x0aalert('mouseup function is running\x0d\x0a!')\x0d\x0a}).click(function(){\x0d\x0aalert('click\x0d\x0afunction is running too !')\x0d\x0a})\x0d\x0a(5):mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性;\x0d\x0a(6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11278934.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存