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

时间:2011-10-01 01:11:26

标签: javascript jquery button tooltip

我正在尝试使用jquery创建一个显示/隐藏按钮,我还希望当按钮用鼠标悬停时工具提示/标题会改变,但它根本不起作用。

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

http://jsfiddle.net/LYA6q/

1 个答案:

答案 0 :(得分:3)

<强> 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");
    }
});