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');
}
)
{
$("#id_play").toggle(
function(e){
$("#id_play").attr("src","images/stop.png");
},function(e){
$("#id_play").attr("src","images/play.png");
}
);
每次点击时切换要调用的函数。
如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
可以使用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:
{
$("#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);