jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery结合语句?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我怎样才能简化这些陈述,而不必一直计算到34并且有34个单独的陈述……

$('a#timeline-2010-lnk1').click(function() {
    $('#timeline-2010-1').show();
    return false;
  }); 

$('a#timeline-2010-lnk2').click(function() {
    $('#timeline-2010-2').show();
    return false;
  });

$('a#timeline-2010-lnk3').click(function() {
    $('#timeline-2010-3').show();
    return false;
  });

$('a#timeline-2010-lnk4').click(function() {
    $('#timeline-2010-4').show();
    return false;
  });

解决方法

$("a[id^=timeline-2010-lnk]").live("click",function () {
    var num = this.id.split(/-(?:lnk)?/).pop();
    $('#timeline-2010-'+num).show();
    return false;
});

效率更高,因为它使用delegate()/live().而不是附加许多单击处理程序,单个处理程序放置在共同的祖先节点上,单击事件将冒泡到.

作为@rochal pointed out,更合适的可能是对所有元素使用单个类名,并利用两个元素之间的关系(通过父/等).但是,如果可以,您仍应虑使用live()或delegate()作为处理程序.

大佬总结

以上是大佬教程为你收集整理的jQuery结合语句?全部内容,希望文章能够帮你解决jQuery结合语句?所遇到的程序开发问题。

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

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