jquery 点击函数切换 toggle() 及其其他实现点击切换

toggle(fn,fn)
每次点击时切换要调用的函数。
如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。

可以使用unbind("click")来删除。
返回值
jQuery

参数
fn (Function) : 第奇数次点击时要执行的函数。

fn (Function) : 第偶数次点击时要执行的函数。

示例
对表格的切换一个类

jQuery 代码:

$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);

$('#btntrack').toggle(
 function(){
 $(this).text('继续跟踪');
 $(this).addClass('active');
 },
 function(){
 $(this).text('暂停跟踪')
 $(this).removeClass('active');
 }
)

 

补充：toggle只有点击的时候好使，hover只是鼠标移进移出的事件，跟点击没关系。两个可以一起用

1：

$(document).ready(function()
{
    $("#id_play").toggle(
        function(e){
            $("#id_play").attr("src","images/stop.png");    
        },function(e){
            $("#id_play").attr("src","images/play.png");    
        }
    );

});

2：

(function($){
    $(document).ready(function(){
        $('#id_play').click(function(){
            $(this).attr('src',$(this).attr('src')=='images/play.png'?'images/stop.png':'images/play.png');
        });
    })
})(jQuery);