jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在jQuery中将两个事件处理程序组合成一个?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种简单的方法将这两个jQuery函数合二为一,从而消除了不必要的重复?

@H_404_8@

@H_404_8@

$('form#search input').on('keyup',function() {
    if ($(this).val() == '') {
    $('a#clear').hide();
  }
  else {
    $('a#clear').show();
  } 
});

$('form#search SELEct').on('change',function() {
    if ($(this).val() == '') {
    $('a#clear').hide();
  }
  else {
    $('a#clear').show();
  }
});

谢谢你的帮助.@H_404_8@

解决方法

如果你想以最优雅,最短的方式有条件地绑定它们,你可以这样做:

@H_404_8@

@H_404_8@

var $formSearch = $('form#search'),hideShow = function () {
        if ($(this).val() == '') {
          $('a#clear').hide();
        }
        else {
          $('a#clear').show();
        }
    };

$formSearch.find('input').on('keyup',hideShow); 
$formSearch.find('SELEct').on('change',hideShow);

如果您希望为两个选择器触发两个事件,则可以执行此操作.这可能是可以的,因为您可能希望无论如何都要触发它们.@H_404_8@

@H_404_8@

$('form#search input,form#search SELEct').on('keyup change',function() {
    if ($(this).val() == '') {
    $('a#clear').hide();
  }
  else {
    $('a#clear').show();
  }
});

大佬总结

以上是大佬教程为你收集整理的如何在jQuery中将两个事件处理程序组合成一个?全部内容,希望文章能够帮你解决如何在jQuery中将两个事件处理程序组合成一个?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。