首页 新闻 赞助 找找看

$('.hidden').removeClass("hidden").addClass("visible")不能如预想的工作

0
悬赏园豆:10 [已解决问题] 解决于 2016-04-21 17:20

function switchView() {
    $('.hidden').removeClass("hidden").addClass("visible");
    $('.visible').removeClass("visible").addClass("hidden");
}

使用上面的JS语句来切换DIV的显示,但是页面并没有实际显示出来,但是使用下面的语句的话,就可以正常显示,这是为什么?感觉好奇怪

 

function switchView() {
    var hidden = $('.hidden');
    var visible = $('.visible');
    hidden.removeClass("hidden").addClass("visible");
    visible.removeClass("visible").addClass("hidden");
}

JustYong的主页 JustYong | 初学一级 | 园豆:7
提问于:2016-04-21 10:46
< >
分享
最佳答案
1

$('.hidden').removeClass("hidden").addClass("visible");
    $('.visible').removeClass("visible").addClass("hidden");

这里第二步把刚才显示的又搞隐藏了。。。所以你懂得。。

收获园豆:10
waiter | 小虾三级 |园豆:1000 | 2016-04-21 15:48

你说到点子上了

JustYong | 园豆:7 (初学一级) | 2016-04-21 17:20
其他回答(3)
0

$('.hidden').removeClass('hidden')之后DOM对象就丢失了自然无法addClass。而你用var hidden=时,自身拿到的其实就是div的地址了,remove add操作都不会丢失DOM对象。仅个人见解,欢迎评论

natureless | 园豆:11 (初学一级) | 2016-04-21 11:03

删除的是class,为什么DOM对象会丢失呢,能解释一下么

支持(0) 反对(0) JustYong | 园豆:7 (初学一级) | 2016-04-21 12:24
0

function switchView() {
    $('.hidden').addClass("visible").removeClass("hidden");

    $('.visible').addClass("hidden").removeClass("visible");

}

这样写估计就可以了

先添加,后修改

不然你先删除了,后面就找不到jquery对象了

刘宏玺 | 园豆:14020 (专家六级) | 2016-04-21 11:11
0

你看控制台下看下该元素具体的class到底是怎么变化的。

幻天芒 | 园豆:37175 (高人七级) | 2016-04-21 15:35
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册