在jQuery的,也有.hide()和.show()其设置方法CSS display: none设置.
是否有相同的功能可以设置visibility: hidden设置?
我知道我可以使用,.css()但我更喜欢某种功能.hide().谢谢.
按下它后,我怎么能隐藏'编辑'链接?当我按下编辑时,我还可以隐藏"lorem ipsum"文本吗?
<script type="text/javascript">
function showStuff(id) {
document.getElementById(id).style.display = 'block';
}
</script>
<td class="post">
<a href="#" onclick="showStuff('answer1'); return false;">Edit</a>
<span id="answer1" style="display: none;">
<textarea rows="10" cols="115"></textarea>
</span>
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
</td>
Run Code Online (Sandbox Code Playgroud) 我对切换可见性函数有一些问题,该函数对hidden元素的属性进行操作.麻烦的是,这缺乏浏览器兼容性..
function hide(e) {$(e).hidden=true;}
function show(e) {$(e).hidden=false;}
Run Code Online (Sandbox Code Playgroud)
谷歌搜索这个问题我遇到了切换style.display属性的方法,就像这样..
function toggle(e) {
document.getElementById(e).style.display = (document.getElementById(e).style.display == "none") ? "block" : "none";
}
Run Code Online (Sandbox Code Playgroud)
..但这似乎不是最佳的,因为您不能拥有将显示属性设置为的通用显示/隐藏功能block.如果有问题的元素有时应该有一个inline或什么的怎么办?
例如jQuery如何解决这个问题?