Question

http://www.frostjedi.com/terra/scripts/demo/jquery01.html

点击该页面上的按钮应该取消隐藏“你好，世界！” div标签不应该吗？当我点击它时出现$("#demo").style is undefined错误。

Answer 1

$("#button").click(function () {
      $("#div").hide();
});
$("#button").click(function () {
   $("#div").show(2000);
});

Answer 2

试试这个，最简单的......

<input type="button" onclick="$('#demo').toggle()" value="clicking me should unhide a div tag">

Answer 3

你应该使用

$('#demo').show(); // to display

或

$('#demo').hide(); // to hide the div

Answer 4

尝试.show()

$("#demo").show()

Answer 5

使用hide() method

$("#demo").hide()

或

$("#demo").hide()

甚至toggle() method切换可见性：

$("#demo").toggle()

在您的示例中集成：

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <body>
            <div>
                <input type="button" onclick="javascript:$('#demo').show();" value="clicking me should unhide a div tag">
            </div>
            <div id="demo" style="display: none">hello, world!</div>
        </body>

</html>

来自jQuery documentation的示例：

<h1 class="firstHeading" style="display: block;">Tutorials:Basic Show and Hide</h1>
<div class="examples">
    <input id="hideh1" type="submit" value="Hide site tile" name="hideh1">
    <input id="showh1" type="submit" value="Show site title" name="showh1">
    <input id="toggleh1" type="submit" value="Toggle site title" name="toggleh1">
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(document).ready(function () {
            $('#hideh1').click(function () {
                $('div.showhide,h1').hide();
            });
            $('#showh1').click(function () {
                $('div.showhide,h1').show();
            });
            $('#toggleh1').click(function () {
                $('div.showhide,h1').toggle();
            });
        });
    });
</script>

Answer 6

待办事项

$(document).ready(function() {
  $("input[type='button']").click(function() {
      $("#demo").show();
  });
});

或

document.getElementById("demo").style.display = "block";

Answer 7

$("#demo").style不是jQuery函数

您应该使用$("#demo").css("display","block")属性或使用show()或toggle()函数

Answer 8

您无法访问jQuery对象的属性。（点）（它们不是javascript对象）

你这个，

$('#demo').css({'display':'none'})

或者你可以使用$('#demo').hide();（它的捷径）

Answer 9

jQuery.hide() is very slow

请改用以下内容：

document.getElementById('demo').style.display = 'none'

这是您听说过style财产的地方。此属性适用于DOM对象。 jQuery对象不是DOM对象。

用jquery取消隐藏div标签

9 个答案: