Javascript 如何将jQuery与.on函数和.each函数一起使用

我正在使用jQuery的每个函数，点击current I.e$（这个）我正在执行JS代码，如果您查看下面的代码，就会更清楚

$('.switch-cal').each(function(){
    $(this).on( 'click', function( e ){
         ....  CODE HERE ....

请告诉我正确的使用方法“这个”和“.on”的“inside.each”功能

---

谢谢。

1。简短回答：不需要使用

每个
：

不要使用
单击每个
内的
。。。您不需要使用jQuery。对于大多数操作（包括事件处理程序），It会自动处理集合：

例如

$('.switch-cal').click(function(){
    //$(this) is the calendar clicked
         ....  CODE HERE ....

2。尝试委托处理程序：

使用单个委托事件处理程序（附加到最近的非更改祖先元素，或者
文档
如果没有方便的话）通常更方便。委派事件的最佳特性是，它们可以处理甚至还不存在的元素！：）

运行时开销非常低，因为它们只需要将选择器应用于气泡链中的元素。除非你每秒处理50000次鼠标操作，否则速度差可以忽略不计，所以对于鼠标事件，不要被荒谬的低效率指控所困扰（如下面的投票人的咆哮）。这些好处通常超过了任何额外的开销。没有人每秒点击50000次！：

e、 g

委派事件通过侦听事件（在本例中为
单击
）将DOM冒泡到一个未更改的祖先元素来工作。然后应用选择器。然后对导致事件的每个匹配元素调用该函数

非更改元素越接近所讨论的元素越好，以减少所需的测试数量，但是如果没有其他方便的话，
document
是您的退路。不要使用
主体
，因为它与样式有关，这意味着事件可能不会触发。
1。简短回答：不需要使用
每个
：

不要使用
单击每个
内的
。。。您不需要使用jQuery。对于大多数操作（包括事件处理程序），It会自动处理集合：

例如

$('.switch-cal').click(function(){
    //$(this) is the calendar clicked
         ....  CODE HERE ....

2。尝试委托处理程序：

使用单个委托事件处理程序（附加到最近的非更改祖先元素，或者
文档
如果没有方便的话）通常更方便。委派事件的最佳特性是，它们可以处理甚至还不存在的元素！：）

运行时开销非常低，因为它们只需要将选择器应用于气泡链中的元素。除非你每秒处理50000次鼠标操作，否则速度差可以忽略不计，所以对于鼠标事件，不要被荒谬的低效率指控所困扰（如下面的投票人的咆哮）。这些好处通常超过了任何额外的开销。没有人每秒点击50000次！：

e、 g

委派事件通过侦听事件（在本例中为
单击
）将DOM冒泡到一个未更改的祖先元素来工作。然后应用选择器。然后对导致事件的每个匹配元素调用该函数

非更改元素越接近所讨论的元素越好，以减少所需的测试数量，但是如果没有其他方便的话，
document
是您的退路。不要使用
主体
，因为它与样式有关，这意味着事件可能不会触发。
1。简短回答：不需要使用
每个
：

不要使用
单击每个
内的
。。。您不需要使用jQuery。对于大多数操作（包括事件处理程序），It会自动处理集合：

例如

$('.switch-cal').click(function(){
    //$(this) is the calendar clicked
         ....  CODE HERE ....

2。尝试委托处理程序：

使用单个委托事件处理程序（附加到最近的非更改祖先元素，或者
文档
如果没有方便的话）通常更方便。委派事件的最佳特性是，它们可以处理甚至还不存在的元素！：）

运行时开销非常低，因为它们只需要将选择器应用于气泡链中的元素。除非你每秒处理50000次鼠标操作，否则速度差可以忽略不计，所以对于鼠标事件，不要被荒谬的低效率指控所困扰（如下面的投票人的咆哮）。这些好处通常超过了任何额外的开销。没有人每秒点击50000次！：

e、 g

委派事件通过侦听事件（在本例中为
单击
）将DOM冒泡到一个未更改的祖先元素来工作。然后应用选择器。然后对导致事件的每个匹配元素调用该函数

非更改元素越接近所讨论的元素越好，以减少所需的测试数量，但是如果没有其他方便的话，
document
是您的退路。不要使用
主体
，因为它与样式有关，这意味着事件可能不会触发。
1。简短回答：不需要使用
每个
：

不要使用
单击每个
内的
。。。您不需要使用jQuery。对于大多数操作（包括事件处理程序），It会自动处理集合：

例如

$('.switch-cal').click(function(){
    //$(this) is the calendar clicked
         ....  CODE HERE ....

2。尝试委托处理程序：

使用单个委托事件处理程序（附加到最近的非更改祖先元素，或者
文档
如果没有方便的话）通常更方便。委派事件的最佳特性是，它们可以处理甚至还不存在的元素！：）

运行时开销非常低，因为它们只需要将选择器应用于气泡链中的元素。除非每秒处理50000次鼠标操作，否则速度差可以忽略不计，因此对于鼠标事件，不要