javascript - jQuery切换方法的正确使用

Question

$('#btn2').toggle(
    function () {
        $('#btn2').text('show');
    },
    function () {
        $('#btn2').text('hide');                
    }
)

这在我的计算机（在任何浏览器上）上不起作用。这可能是由于 jQuery 版本之间的方法发生了变化吗？

Answer 1

根据您更新的功能请求，只需在两个内部文本值之间交替：

$('#btn2').click(function() {
    $(this).text( $(this).text()=='show'? 'hide':'show' );
});

---

这不是 的签名之一toggle。要使用它的隐藏/显示功能，请执行此操作$(elem).toggle()（显然，如果按钮被隐藏，它不能说“显示”，所以大概你正在切换其他东西）：

$(elem).toggle();
$('#btn2').text( $(elem).is(':visible') ? 'hide' : 'show' );

Answer 2

试试这个：http: //jsfiddle.net/W9JCR/

$('#btn2').click(function () {
   ($(this).text()=='show') ? $(this).text('hide') : $(this).text('show');
});

Answer 3

见小提琴

这个功能.toggle在 jQuery 1.9 中被移除

所以这不适用于 jQuery 1.9 或更高版本..

在此处查看另一种选择

Answer 4

是的，它仍然受支持。我认为您的代码的问题在于您使用了text(). 利用val()

$('#btn2').toggle(function () {
    $('#btn2').val('show');
    },function () {
        $('#btn2').val('hide');                
});