个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
为了编写更好的代码并改进我使用 jQuery 的方式，我最近一直在阅读一些东西。我学到的新技巧之一是将事件委托(delegate)与 jQuery 结合使用。
在阅读时，我发现了两种“假定的”不同的解决方法。下面是用于说明它们的代码片段。
假设我有一个这样的 HTML block :
<html>
<head>
<title>Test Code</title>
</head>
<body>
<div id="switcher">
<button id="button1">Button 1</button>
<button id="button2">Button 1</button>
<button id="button3">Button 2</button>
<button id="button4">Button 3</button>
<button id="button5">Button 4</button>
<button id="button5">Button 5</button>
<button id="button6">Button 6</button>
<button id="button7">Button 7</button>
<button id="button8">Button 8</button>
<button id="button9">Button 9</button>
</div>
<!-- rest of code here -->
</body>
</html>
点击时，我想:
而不是这样做:
$('#switcher').find('button').click(function(){
var $element = $(this);
var elementid = this.id;
$element.toggleClass('clicked');
//rest of code here
});
我可以这样做(方法 1)
$('#switcher').click(function(eventName){
if ($(eventName.target).is('button')) {
var $element =$(eventName.target);
var elementid = eventName.target.id;
$element.toggleClass('active');
//rest of code here
}
});
或者这个(方法二)
$('#switcher').on('click', 'button', function(){
var $element = $(this);
var elementid = this.id;
$element.toggleClass('active');
//rest of code here
});
最佳答案
在您非常具体的情况下，当单击 button 元素(在所有浏览器上)时，这两种方法将提供完全相同的功能并且性能将相同(因为它是一个点击事件，这将是一个微小的差异，也很难以准确的方式进行测试。
这适用于您的特定结构:
<div id="switcher">
<button id="button1">Button 1</button>
<button id="button3">Button 2</button>
</div>
但是如果 DOM 结构发生变化，只有一点点:
<div id="switcher">
<button id="button1">
<div class="inner">Button 1</div>
</button>
<button id="button3">
<div class="inner">Button 2</div>
</button>
</div>
...那么只有“官方”jQuery 事件委托(delegate)会实际检测所有子项的点击事件。
如果您已经在您的页面中使用了 jQuery，那么破解事件监听器来模拟事件委托(delegate)是没有用的。除了编写更多代码之外，您不会获得任何优势。有人提到了性能:忘记它与点击事件。无用的优化至少与过早的优化一样糟糕，因为它会浪费您的时间并降低代码的可读性，但在这种情况下，它甚至不是优化(或者它只是一个需要认真证明的极客游戏)。
请注意，点击事件很少(或从不？)代表性能问题。它们只会偶尔发生一次。 RequestAnimationFrame、滚动或调整大小可能代表问题，而不是点击。单击事件可能是性能问题的唯一情况是，如果您有一个异常(非常极端!)复杂的 DOM 结构:但在这种情况下，这可能意味着您应该首先修复它。
关于javascript - jQuery 中的事件委托(delegate)——哪种方法更好？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39878452/
25
4
0
我看了很多文章，但我仍然不清楚我们通常创建的普通委托(delegate)和多播委托(delegate)之间的区别。 public delegate void MyMethodHandler(objec
考虑以下几点: Action a1 = new Action(_insert); Action a2 = new Action(a1); a2 指的是什么？它是 a1，a1 的浅拷贝还是 a1 的深拷
我希望这听起来像是一个显而易见的问题，但是委托(delegate)返回类型是否也必须与其委托(delegate)的方法的返回类型相匹配？ EG，像这样: public static void Save
我想使用 Kotlin 委托(delegate)，但我不想在委托(delegate)人之外创建委托(delegate)。委托(delegate)的所有示例都如下所示: interface Worker
class SuperClass { var delegate : SuperClassDelegate? } protocol SuperClassDelegate { func d
我有一个加载 View 的 View ，需要将 View 推送到主导航 Controller 。 我已经为每个 View 设置了一个委托(delegate)，并且基本上使我的调用沿着“链”返回到主导航
为简单起见，假设我想创建一个自定义 UITextField 并向其添加一个简单的行为；也就是说，如果文本字段成为第一响应者，背景颜色将变为绿色。 为此，在我的自定义类中，我必须将该类设置为委托(del
我非常有信心我应该能够使用非静态方法的委托(delegate)，但下面给了我一个错误: public class TestClass { private delegate void TestD
在 C# 中不能从 System.Delegate 或 System.MulticastDelegate 继承。只要您声明标准的“运行时托管”方法，就完全可以在 MSIL 中执行此操作。但是，每次我向
我在 Storyboard 中定义了一个 iPad 界面，带有一个 SplitViewController。我想将 SplitViewController 的委托(delegate)设置为指向详细 C
我有几个解析器。有一个顶级的可以委托(delegate)给另一个。 Parser我们从 Reader 中获取他们的输入(可变)。我只想要一个 Parser为了能够一次解析，只有一个解析器应该有 Rea
一直以来我都在阅读关于反射的文章，每个人都在说:“反射很慢”，“反射很慢”。 现在我决定测试速度有多慢，令我惊讶的是，使用反射创建的委托(delegate)实际上是使用 lambda 创建的委托(de
在 Xcode 4.5 中启动了 Cocos2D 2.1 模板(没有物理引擎)，针对 iOS 6 和 iPad。在 CDAudioManager.m 文件中，以下代码... AVAudioSessio
以下是来自未管理的 dll 的函数代码。它接受一个函数指针作为参数，并简单地返回被调用函数返回的值。 extern __declspec(dllexport) int _stdcall callDe
//NewCharts.h #import @interface NewCharts : UIViewController @property(nonatomic,retain)IBOutlet U
鉴于以下 MSDN 示例代码，为什么我不能定义 Action 委托(delegate)“内联”: public static void Main(string[] args) { Action
在虚幻引擎中，UFUNCTION用于通过附加说明符来丰富功能，以用于蓝图使用、复制和委托(delegate)。 然而，一些委托(delegate)类型似乎不允许绑定(bind) UFUNCTION(如
我刚刚将照片选择器放入我的项目中，一切正常。唯一的事情是它坚持在我设置委托(delegate)的地方给我以下警告 - Assigning to 'id' from incompatible type
我有一个 UIImageView 的子类，并且想将 self 作为参数传递给委托(delegate)。我在 MyImageView 之前收到错误“预期 ')'”。我需要将对象传递给委托(delegat
我正在开发 iOS 10 的语音转文本功能。 我希望调用 SFSpeechRecognitionTaskDelegate 的委托(delegate)方法来检查完成的结果。 func speechRec
我是一名优秀的程序员,十分优秀！