JQuery事件侦听器匹配大小写

时间:2018-09-18 11:05:13

标签: jquery jquery-events

我以前使用jquery来处理网页中的事件。 最近几天,我在初始化事件时遇到了问题。

我添加一个简单的示例以使我的问题更加清楚。我们将暂时考虑click事件。

对于<div id="ex"></div>的点击事件,我通常写类似

方法1

$('#ex').click(function(e) {
  //code
});

我也知道我们可以写

方法2

$('#ex').on('click', function(e) {
  //code
})

方法3

$(document).on('click', '#ex', function(e) {
  //code
})
  

现在的问题是,我只看到很少的元素事件在起作用   方法3 。同时,对于同一文件中的其他元素,我有方法1和方法2,它们工作得很好。但   只有很少的元素,并且不遵循方法1和2。

可能是什么原因?这和我的CSS有关吗?我怎么知道在哪里使用方法1,方法2和方法3?

1 个答案:

答案 0 :(得分:2)

  1. 如果dom中已经存在该元素,则可以使用第一种方法。
  2. 当您要附加诸如click,blue等的多个事件时,则可以使用第二种方法。
  3. 当您的元素不存在于dom中,而是动态注入到dom中时,则可以使用第三种方法。