1

这是我的代码

<!doctype html>

<html>
<head>
    <meta charset="utf-8">
    <script src="js/jquery-1.7.2.min.js"></script>
<style>
div{
border:2px solid black;
width:200px;
min-height:300px;
}
</style>
</head>
<body>
<div>
    <p id="demo">This will change</p>
    <input type="button" value="OK" onclick="myFunction()"/>
</div>
<script>
$(document).ready(function()
{
    $("input").click(function()
    {
        if($("div").height("300px") === true){
            document.getElementById("demo").innerHTML="HELLO WORLD!";
        }
    });
});
</script>
</body>
</html>

我想做的是这样，如果 div 高度等于 300px，“这将改变”段落将在单击按钮时变为 Hello World。抱歉，这是我第一次使用 javascript

4

2 回答 2

8

$("div").height("300px")设置 的高度，div如果高度等于 300px，则不返回 true。

你要$('div').height() === 300

http://api.jquery.com/height/

于 2012-08-16T18:44:33.227 回答
1

我马上就注意到了几件事。首先，.height 函数返回不带“px”的数值。其次，您在 .height 函数中放置了一个值，这意味着您将其值设置为“300px”。最后，您正在使用 === 运算符，该运算符仅在类型和值相同时才返回 true。相反，试试这个：

if($("div").height() == 300)

另一方面，您最终会希望提供您的输入和 div id 并通过这些 id 访问它们，以防您的标记以后有多个。

于 2012-08-16T18:49:35.230 回答