如何将范围从jQuery绑定更改为onClick？

这个问题可能看起来很琐碎，但我真的需要掌握它的窍门。非常感谢您对此提供的任何帮助

<span class="first">This thing</span>

---

到目前为止，我一直在使用这个。但是由于一些编码限制，我被告知将范围从jQuery绑定更改为onClick。我不能完全理解他们的意思。。。有什么能帮我弄清楚这一点，如果可能的话，让我更好地了解jQuery绑定和onClick绑定之间的区别。在这方面的任何帮助都是非常感谢的。非常感谢

它引用了一个内联事件处理程序

这个东西

参考
这是对内联事件处理程序的参考
这件事

---

参考

您必须将您的功能外部化

$(".first").click(function() {});

第一步是得到类似于

function spanClickFunction() {
  ... some code ...
}
$(".first).click(spanClickFunction);

然后您必须将事件移动到您的范围

<span onClick="spanClickFunction()" class="first">This thing</span>

function spanClickFunction() {
   ... some code ...
}

这个东西
函数span单击函数（）{
…一些代码。。。
}

您可以查看如何更好地理解

。单击（）

和

.on（“单击”）

以及

onClick（）

和

。单击（）

的区别

“基本思想”是，

onClick

仅在元素被单击时才会被激发，而jQuery

则是。单击
和
。on（“click”）
可以向多个标记添加事件侦听器，这要感谢它们的名称、类等不是ID，因为它们在整个页面中必须是唯一的
如果您对此有进一步的疑问，我将编写一个JSFIDLE:）
您必须将您的函数外部化

$(".first").click(function() {});

第一步是得到类似于

function spanClickFunction() {
  ... some code ...
}
$(".first).click(spanClickFunction);

然后您必须将事件移动到您的范围

<span onClick="spanClickFunction()" class="first">This thing</span>

function spanClickFunction() {
   ... some code ...
}

这个东西
函数span单击函数（）{
…一些代码。。。
}

您可以查看如何更好地理解
。单击（）
和
.on（“单击”）
以及
onClick（）
和
。单击（）
的区别

“基本思想”是，
onClick
仅在元素被单击时才会被激发，而jQuery
则是。单击
和
。on（“click”）
可以向多个标记添加事件侦听器，这要感谢它们的名称、类等不是ID，因为它们在整个页面中必须是唯一的
如果您对此有进一步的疑问，我将写一篇JSFIDLE:）
以下是他们可能想要的：

span class=“first”onclick=“myfunc（）”

这与jQuery绑定之间的区别在于，jQuery选择器处理的是类“.first”中的任何内容，而onclick版本只影响使用该位html绘制的任何内容

您可以将jQuery选择器更改为处理唯一ID，而不是类

有许多可能的原因要求它以某种方式。使用jQuery绑定可以更容易地处理和操纵来自中心js文件的事件。使用onclick可以更容易地直接查看dom中的情况，还可以在不访问声明所有绑定的主js文件的情况下操作onclick attr。这也可以归结为人们遵守的编码约定。
以下是他们可能想要的：

span class=“first”onclick=“myfunc（）”

这与jQuery绑定之间的区别在于，jQuery选择器处理的是类“.first”中的任何内容，而onclick版本只影响使用该位html绘制的任何内容

您可以将jQuery选择器更改为处理唯一ID，而不是类

有许多可能的原因要求它以某种方式。使用jQuery绑定可以更容易地处理和操纵来自中心js文件的事件。使用onclick可以更容易地直接查看dom中的情况，还可以在不访问声明所有绑定的主js文件的情况下操作onclick attr。这也可以归结为人们遵守的编码约定。
非常感谢您为我提供了一些好的答案。我一定会遵循并通过你提供的链接

不管怎样，下面的onClick绑定对我很有用

$(document).on('click','.first',(function(){
}));

实际上，正如我在问题中提到的，span元素的典型jQuery绑定存在一个问题。上面的onClick绑定帮助我们解决了这个问题。这看起来很标准

但是无论如何，非常感谢你的支持。我真的很感激：）
非常感谢你为我提供了一些好的答案。我一定会遵循并通过你提供的链接

不管怎样，下面的onClick绑定对我很有用

$(document).on('click','.first',(function(){
}));

实际上，正如我在问题中提到的，span元素的典型jQuery绑定存在一个问题。上面的onClick绑定帮助我们解决了这个问题。这看起来很标准

但是无论如何，非常感谢你的支持。我真的很感激：）
我建议您使用“.on（）”jQuery的特性来绑定事件并处理绑定的事件

官方jQuery的“.on（）”文档说：“将一个或多个事件的事件处理程序函数附加到所选元素。”

直接链接：

工作示例：
$（文档）.ready（函数（）{
$（'.first'）。在（“单击”，函数（）上）{
警惕（“你点击了我！”）；
});
});

这个东西
我建议您使用“.on（）”jQuery的特性来绑定事件并处理绑定的事件

官方jQuery的“.on（）”文档说：“将一个或多个事件的事件处理程序函数附加到所选元素。”

直接链接：

工作示例：
$（文档）.ready（函数（）{
$（'.first'）。在（“单击”，函数（）上）{
警惕（“你点击了我！”）；
});
});

这件事
看看如何做你想做的事的例子