个人中心
文章发布
退出
作者热门文章
- 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
我有一个加载 View 的 View ，需要将 View 推送到主导航 Controller 。 我已经为每个 View 设置了一个委托(delegate)，并且基本上使我的调用沿着“链”返回到主导航
我通过 NSURLConnction 从服务器获取数据，并希望从获取的数组中填充表格 View 。数据出现在 NSURLConnection 委托(delegate)方法的日志中，但我意识到 numb
我已经将我用作标题 View 的 View 子类化，它里面有一些按钮委托(delegate)，它工作得很好。 但是，我在 viewController 上方展示了一个 modalViewControl
我希望这听起来像是一个显而易见的问题，但是委托(delegate)返回类型是否也必须与其委托(delegate)的方法的返回类型相匹配？ EG，像这样: public static void Save
我想使用 Kotlin 委托(delegate)，但我不想在委托(delegate)人之外创建委托(delegate)。委托(delegate)的所有示例都如下所示: interface Worker
我有一个问题: - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInf
伙计们。我正在寻求帮助。这似乎是一个非常简单的任务，但我可以解决一整天。我正在尝试使用容器 View 创建侧面菜单。当用户按下“更多”按钮(barButtonItem)时，整个 View 向右滑动并出
我正在努力将 UIWebView 迁移到 WKWebView。我已经更改了所有委托(delegate)方法。我需要 WKWebView 委托(delegate)方法等于下面的 UIWebView 委托
我正在学习 VB.NET 中的委托(delegate)，但对委托(delegate)类型感到困惑。在阅读有关委托(delegate)的内容时，我了解到委托(delegate)是一种数据类型，可以引用具
我有一个用 Objetive-C 构建的框架。该框架用于连接蓝牙设备并与之交互。 在演示代码中，Objetive-C 委托(delegate)函数如下所示。演示代码由框架创建者提供。 -(void)b
//NewCharts.h #import @interface NewCharts : UIViewController @property(nonatomic,retain)IBOutlet U
我正在努力了解 async/await 并认为我确实了解有关用法的一些事情。但仍然不太清楚在下面的场景中实际好处是什么。 查看 Task.Run 用法。第一种方法使用普通委托(delegate)并使用
我已经尝试了在我的网站上使用 openID 委托(delegate)的所有可能选项，但没有一个方法对我有用。 我的 HTML 文件的 head 部分有“link rel”标签。 我在 HTML 文件的
如何快速创建一个委托(delegate)，即 NSUserNotificationCenterDelegate？ 最佳答案 这里有一些关于两个 View Controller 之间委托(delegat
我有一个带有数据源的 NSComboBox，当您单击三角形并通过单击它选择其中一个项目时，它可以完美运行。但是，我还希望它允许用户在框中键入以使用自动完成来选择名称。目前，当用户键入时，我希望选择的项
我在代码中定义了以下类和委托(delegate)(为简洁起见，剪掉了许多其他行)。 Public Delegate Sub TimerCallback(canceled As Boolean) Pub
我使用 ansible 2.1 并且我想使用 delegate_to 向一组主机运行命令。我使用 localhost 作为主机参数，并且我想将“touch”命令委托(delegate)给两个 cls
我想通过重载为我的类实现几个构造函数。据我了解，遵循 DRY 原则的惯用方式是使用一种称为委托(delegate)构造函数的功能。我也看到了关于在任何地方使用引用参数并不惜一切代价避免使用指针的想法，
代表们会导致内存泄漏吗？ 我的意思是，例如如果一个类A包含一个ADelegate，并且后者指向BMethod(属于B类)，这可以防止GC收集A类或B类吗？ 如果是这样，我们如何“释放”代表(设置ADe
委托(delegate)命令和路由命令有什么区别？ 我读了一些文章说在 MVVM 上使用委托(delegate)命令而不是路由命令。 那么当我们使用 MVVM 时，Delegate Command 相
我是一名优秀的程序员,十分优秀！