jquery 显示/隐藏按钮和工具提示答案

【问题标题】：jquery show/hide button and tooltipjquery 显示/隐藏按钮和工具提示
【发布时间】：2011-10-01 01:11:26
【问题描述】：

我正在尝试使用 jquery 制作一个显示/隐藏按钮，并且我还希望在将鼠标悬停在按钮上时更改工具提示/标题，但它根本不起作用。

我的代码可以在这里找到：

【问题讨论】：

【解决方案1】：

HTML：

<input id="button" type='button' value='Not Clicked' title = 'Not Clicked'>

Javascript：

$('#button').click(function() {
    if ($(this).val() == "Not Clicked")
    {
        $(this).val("Clicked");
        $(this).attr("title", "Clicked");
    }
    else
    {
        $(this).val("Not Clicked");
        $(this).attr("title", "Not Clicked");
    }
});

【讨论】：

可以把 this.val 改成 this.text 吗？我试过了，它说有一个对方法或属性访问的意外调用。我在不同的小提琴中尝试了另一种方法，但它根本不起作用jsfiddle.net/FBNMJ
为什么要将 val 更改为文本？文档说文本使用 val 方法。
实际上在 jQuery .text() 文档页面上准确地说：The .text() method cannot be used on input elements. For input field text, use the .val() method.