将jQuery事件处理程序应用于相同类型的所有元素

菲尔·诺瓦(Phil Nova)

我有一个简单的问题。我是jQuery和JavaScript的新手。

我正在尝试编写一个简单的jQuery事件处理程序,当我将它们悬停在页面上时,它将在页面上突出显示li。我试过:

$( 'li' ).on('mouseover', function(evt) {
   $( evt.target ).effect( 'highlight', {}, 1000 ); 
});

并且它不起作用。它不会产生错误,但是没有结果。

但是,如果我尝试类似的方法:

$( document ).on('mouseover', function(evt) {
   $( evt.target ).effect( 'highlight', {}, 1000 ); 
});

我可以通过鼠标悬停突出显示任何想要的DOM元素。

我将事件处理程序放置在js文件的末尾,并显示了第二种方法,即使动态生成的DOM元素也可以突出显示而不会出现问题。但是,如果我尝试通过标签甚至是类来选择DOM元素,那么我将无法产生任何效果。

诺里哈兹梅(Norlihazmey Ghazali)

尝试委派这样的文档,因为您定位的是动态内容:

$( document ).on('mouseover', 'li', function(evt) {
  $( evt.target ).effect( 'highlight', {}, 1000 ); 
});

您可能需要阅读此事件委托

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将jQuery函数应用于具有相同类的所有元素?

来自分类Dev

将Jquery .one函数应用于具有相同类的元素

来自分类Dev

具有多个事件,多个处理程序并应用于新元素的jQuery .on

来自分类Dev

如何将函数应用于具有相同类的所有新元素,但仅适用于新创建的元素?(JS函数)

来自分类Dev

jQuery应用于具有相同类的所有div,但需要单独执行

来自分类Dev

如何将插入到另一个 div 中的 div 应用于具有相同类名的所有元素

来自分类Dev

将一键式事件处理程序应用于多个元素

来自分类Dev

将事件处理程序应用于动态控制

来自分类Dev

jQuery处理程序-如何将操作应用于动态添加的元素

来自分类Dev

如何将AND应用于列表的所有元素?

来自分类Dev

将RegEx应用于元素中的所有文本

来自分类Dev

将样式应用于所有元素

来自分类Dev

将CSS应用于特定div的所有元素

来自分类Dev

将样式应用于所有元素

来自分类Dev

如何将AND应用于列表的所有元素?

来自分类Dev

jQuery将CSS应用于除第二行以外的所有元素

来自分类Dev

如何在不刷新标签的情况下将事件处理程序应用于新元素?

来自分类Dev

将路由的事件处理程序应用于应用程序栏按钮

来自分类Dev

有没有办法将 jQuery 应用于动态创建的元素?(不是事件监听器)

来自分类Dev

将相同的动态样式应用于网格中相同种类的所有元素

来自分类Dev

For循环不会循环对象的值-将相同的处理程序应用于每个元素

来自分类Dev

For循环不会循环对象的值-将相同的处理程序应用于每个元素

来自分类Dev

如何将光标指针属性应用于(单击)事件处理程序?

来自分类Dev

使用Hammer库将代理函数应用于事件处理程序

来自分类Dev

如何将不同的CSS样式应用于具有相同类名的2个元素?

来自分类Dev

仅将 class 应用于具有 class 的元素而不是所有子元素

来自分类Dev

独立地将带有jQuery的“实时” CSS应用于具有相同类的许多标签

来自分类Dev

如何将引导程序类应用于 css 文件中的每个相同的 HTML 元素?

来自分类Dev

如何将所有元素从枚举列出到相同类型的IEnumerable数组中?

Related 相关文章

  1. 1

    如何将jQuery函数应用于具有相同类的所有元素?

  2. 2

    将Jquery .one函数应用于具有相同类的元素

  3. 3

    具有多个事件,多个处理程序并应用于新元素的jQuery .on

  4. 4

    如何将函数应用于具有相同类的所有新元素,但仅适用于新创建的元素?(JS函数)

  5. 5

    jQuery应用于具有相同类的所有div,但需要单独执行

  6. 6

    如何将插入到另一个 div 中的 div 应用于具有相同类名的所有元素

  7. 7

    将一键式事件处理程序应用于多个元素

  8. 8

    将事件处理程序应用于动态控制

  9. 9

    jQuery处理程序-如何将操作应用于动态添加的元素

  10. 10

    如何将AND应用于列表的所有元素?

  11. 11

    将RegEx应用于元素中的所有文本

  12. 12

    将样式应用于所有元素

  13. 13

    将CSS应用于特定div的所有元素

  14. 14

    将样式应用于所有元素

  15. 15

    如何将AND应用于列表的所有元素?

  16. 16

    jQuery将CSS应用于除第二行以外的所有元素

  17. 17

    如何在不刷新标签的情况下将事件处理程序应用于新元素?

  18. 18

    将路由的事件处理程序应用于应用程序栏按钮

  19. 19

    有没有办法将 jQuery 应用于动态创建的元素?(不是事件监听器)

  20. 20

    将相同的动态样式应用于网格中相同种类的所有元素

  21. 21

    For循环不会循环对象的值-将相同的处理程序应用于每个元素

  22. 22

    For循环不会循环对象的值-将相同的处理程序应用于每个元素

  23. 23

    如何将光标指针属性应用于(单击)事件处理程序?

  24. 24

    使用Hammer库将代理函数应用于事件处理程序

  25. 25

    如何将不同的CSS样式应用于具有相同类名的2个元素?

  26. 26

    仅将 class 应用于具有 class 的元素而不是所有子元素

  27. 27

    独立地将带有jQuery的“实时” CSS应用于具有相同类的许多标签

  28. 28

    如何将引导程序类应用于 css 文件中的每个相同的 HTML 元素?

  29. 29

    如何将所有元素从枚举列出到相同类型的IEnumerable数组中?

热门标签

归档