美文网首页
js之toggle方法

js之toggle方法

作者: 青春前行 | 来源:发表于2017-07-09 20:27 被阅读0次

toggle方法已经被jquery1.8之后所抛弃,所以我们在用toggle实现元素的隐藏和显示时不能直接用toggle()【要么使用1.8之前的jquery,要么替代】
替代:
html页面
<pre>
<p>显示与隐藏</p>
<button>请点击这里</button>
<script>
var i =0;
$("button").click(function(){
if(i==0){
$('p').hide();
i=1;
}
else{
$('p').show();
i=0;
}
})
</script>
</pre>
还有一种方法是判断其css中的display是否为none(在开始定义p的显示)
<pre>
html页面:
<p style="display: block;">显示与隐藏</p>
<button>请点击这里</button>
$("button").click(function(){
if($("p").css("display")=="none"){
$('p').show();
}
else{
$('p').hide();
}
})
</pre>

相关文章

  • js之toggle方法

    toggle方法已经被jquery1.8之后所抛弃,所以我们在用toggle实现元素的隐藏和显示时不能直接用tog...

  • jQuery基础(四)—动画篇-----jQuery中隐藏元素的

    1、hide() show() toggle() http://js.jirengu.com/tivasiju...

  • collapse

    html js手动隐藏和展开 .collapse('show'):显示可折叠元素.collapse('toggle...

  • 单选button

    // button 点击方法 - (void)toggle:(UIButton *)button { if (_d...

  • jQuery 1.9 中删除的一些方法

    今天在弄jQuery的时候发现toggle方法竟然失效了,然后搜了一下发现原来toggle方法在1.9版本的时候就...

  • div动态显示或者隐藏

    toggle()如果div显示调用此方法则隐藏 反之,相反;

  • 2 - jQuery动画

    一、显示/隐藏 使用 toggle() 方法来切换 hide() 和 show() 方法 语法:$(selec...

  • Fe-12 dom&轮播图

    Fe-12-1 Fe-12-2 toggle Toggle 效果:toggle.gif toggle.html t...

  • Toggle

    一、三个Toggle,三选一 二、给Toggle注册事件,选择哪个执行哪个里面的方法1、分别写三个带bool类型参...

  • bootstrap-js模态框

    模态框: data-toggle:指以事件触发 data-target:指事件崛起目标 js控制弹框: 添加j...

网友评论

      本文标题:js之toggle方法

      本文链接:https://www.haomeiwen.com/subject/ixrehxtx.html