首页 > 用JQ怎么第一次点击添加节点,第二次点击隐藏刚刚添加的节点

用JQ怎么第一次点击添加节点,第二次点击隐藏刚刚添加的节点


页面刚加载显示的


点击加号会添加节点

我现在做的就是点加号就一直是添加节点了。。我想点一次添加,点第二次隐藏掉。后面就是隐藏显示之间切换。。

求个大神帮帮忙吧。。


一种方法是判断有没有这个节点有就删除,没有就添加。
二种方法可以添加一个标识变量add=true
var add=true
click处理函数{
if(add){

//添加节点
add=false;

}else{

//删除节点
add=true

}
}


如果是添加删除,就判断有没有就可以了。如果是只是切换显示隐藏,就判断当前状态就好了。
jquery1.9之前:$('#example').click(function(){$("#example2").toggle();})
jquery1.9之后:
$('#example').click(function(){

if($("#example2").is(":hidden")){
    $("#example2").show();
    
}else{
    $("#example2").hide();
    
}

})

另外也可以通过toggleClass切换类,用类的css来实现


$(".obj").toggle(
function () {

alert('show');

},
function () {

alert('hide');

}
);


toggle方法,你查一下JQ文档学习下就会了


先判断你要加的东西是否已经存在了就好。

如果不存在,添加
如果已存在,切换显隐状态 (toggle)


点击时判断下有没有,有就隐藏,没有就插入

【热门文章】
【热门文章】