问题:
我在使用jquery的hide()方法隐藏a标签,同时在原来a标签位置用show()另一个a标签的时候,发现a标签文字隐藏成功,但是隐藏不掉它本身的背景图片,而当我把鼠标移动到上面,背景消失,我想show的内容出现了!这个问题是兼容性问题么?怎么解决?
代码部分:
HTMl
<a href="###" class="ico buy" id="buy">标签1</a>
<a href="###" class="ico hang" id="holder" style="display: none;">标签2</a>
<a href="###" class="ico sell" id="sell" style="display: none;">标签3</a>
<a href="###" class="ico view" id="look">标签4</a>
js
//初始化绑定
$('#buy').show();
$('#look').show();
$('#sell').hide();
$('#holder').hide();
//中途会操作
$('#sell').show();
$('#holder').show();
$('#buy').hide();
$('#look').hide();
//再次回到初始化
$('#buy').show();
$('#look').show();
$('#sell').hide();
$('#holder').hide();
我查看了jquery的文档,默认情况下,hide()不传参数,动画时间默认为0,我这样使用,应该没错吧?跪求大神,女神,各路神仙前来帮助!大康在此谢过!!!
大家讲道理2017-04-11 09:58:03
如果只是单纯的隐藏和显示,可以直接 display none。
jq 的 hide 和 show 做的事情比这个要多,比如你可以看看你处理之后的元素上的样式。
友情提示: jq 2.x 和 jq 3 里的 hide show方法的行为有变化。