Question

以下是第一个声明

<button type="submit" class="btn btn-xs btn-default valid">Validate!</button>

它将转到jQuery语句，如：

$(document).ready(function () {
  $('#form1').on('click', '.valid', function () {....

以下是第二个陈述：

<button type="submit" class="btn btn-xs btn-default" onclick="validate();">Validate!</button>

它将转到Javascript语句，如：

function validate() {
   var regex = new regexp(......

第一个和第二个声明有什么区别？

我的观点说它是一样的，只是我们如何编码它是不同的。按钮的功能是相同的。该按钮将提交所有数据以验证它。我只想澄清一下。是不是？

如果我们想使用jQuery并将“function a（）”替换为“$（document）.ready（function ...”，那么

在按钮标记中使用“onclick”是必须吗？ “？

感谢您的帮助！

Answer 1

主要区别在于：

JQuery样式：

>>> import os
>>> import sys
>>> testlog=open('testlog.txt','w')
>>> os.dup2(testlog.fileno(),sys.stdout.fileno())
>>> print 'abc'
>>> print 'xyz'
>>> os.system("ls")

JS风格：

$('#form1').on('click', '.valid', function () {...});
// for this jquery library is required

Answer 2

除了写作方式外，他们所做的事情并没有多大差别。但是，我想提一下对于动态添加按钮，它们的行为会有所不同。

例如，如果在初始加载后动态地在页面上添加按钮，则“onclick”属性仍然可以正常工作，因为它能够注册事件监听器。

另一方面，如果使用jquery click函数（例如$('someStaticParentDiv').on('click',"button",function(){})），则动态添加按钮将不会注册事件侦听器。在这种情况下，您必须使用像

这样的事件委托

验证jQuery和纯Javascript的区别

2 个答案: