是否可以为同一个CSS选择器组合两个jquery函数?

时间:2015-06-24 09:58:57

标签: jquery selector

我有一个css选择器,它切换默认类display:none和show class display:block。

是否可以在单个查询中合并以下内容?

$('.abc .def').slideToggle();

$('.abc .def').toggleClass('show');

2 个答案:

答案 0 :(得分:4)

由于slideToggle函数已在内联修改显示属性,因此无需为了切换显示而使用自定义类。

如果您仍然想要切换类,可能最好的地方是回调函数,如下所示:

$('.abc .def').slideToggle(function(){
    $(this).toggleClass('show');
})

这将在幻灯片动画完成后切换类。

答案 1 :(得分:2)

只需在彼此之后添加2个函数,它们总是返回chaining

的当前对象
$('.abc .def').slideToggle().toggleClass('show');