jquery - jquery 切换隐藏显示问题

Question

缩短此时间的最有效方法是什么？

$('.img').click(function(e) {
    if ($(this).attr('id') == 'myid') {
        $('#a').hide();
        $('#b').show();
    } else {
        $('#a').show();
        $('#b').hide();
    }
});

如果添加了另一个选项，您的答案是否会发生任何变化else if

Answer 1

$('#myid').click(function() {
        $('#a,#b').toggle();
});

Answer 2

我将假设您尝试将所有元素与名为“img”的类匹配。

$(".img[id='myid']").click(function() {
        $('#a,#b').toggle();
});

允许多个 ID

$(".img[id='myid'], .img[id='myid2']").click(function() {
        $('#a,#b').toggle();
});

您还可以检查 id 上的不等于

$(".img[id!='someid']").click(function() {
        $('#a,#b').toggle();
});

Answer 3

为什么要检查 click 事件中的元素 id？如果您只希望此特定元素处理此事件，则选择它并将事件处理程序绑定到它。

假设在任何时候都有 #a 或 #b 显示：

$('#myid').click(function(){
    $('#a').toggle();
    $('#b').toggle();
})