*注意：以下问题并非要引起人们的意见，而是针对网页，jQuery等的最佳处理速度提出。
我目前有遵循以下“测试”代码格式的代码：
$(document).ready(function() {
$('.my-class').on('click') {
if ($('.my-class').hasClass('active') {
$('.my-class').removeClass('active');
return;
}
$('.my-class').addClass('active');
}
});
我的问题是：事件处理程序（不是事件侦听器）是否应与相同的代码结构$(document).ready();？还是应该像这样：
function toggler(obj) {
if ($(obj).hasClass('active') {
$(obj).removeClass('active');
return;
}
$(obj).addClass('active');
}
$(document).ready(function() {
$('.my-class').on('click') {
toggler(this);
}
});
即应该$(document).ready();只具有引用处理程序的侦听器，或者应该将整个操作（侦听和处理）都放在$(document).ready();
为了使jQuery，JS等的可用性/功能最大化，执行此操作的正确方法是什么？
我将使用第一段代码：
$(document).ready(function() {
$('.my-class').on('click') {
if ($('.my-class').hasClass('active') {
$('.my-class').removeClass('active');
return;
}
$('.my-class').addClass('active');
}
});
function toggler在DOM准备就绪之前，您并没有做任何事情，所以为什么要在外部定义它。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句