Question

<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" >
 </script>
<script type="text/javascript">


$(document).ready(function(){

$("button").click(function()
{
   callMe();
});


function callMe()
{

$("body .p").hide();
}

});

</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h2>This is a heading2</h2>
<button>Click me</button>
</body>
</html>

嗨，

我是Jquery的新手，所以请原谅我的问题是否愚蠢。在这里，我试图隐藏身体内的P标签（点击该提交按钮）

但这不起作用。

任何人都可以帮助我

Answer 1

将功能更改为

function callMe()
{
    $("body p").hide();
}

你的错误在这里：

.p表示任何标记为p的css类，而不是<p>标记。

Answer 2

$("body .p").hide(); //这是错误的

尝试

$("body p").hide();

或只是

$("p").hide();

Answer 3

。用于一个类。所以不要使用.p来表示类名为p的元素。由于p是你的元素，你可以简单地使用（“body p”）

Answer 4

小心！
$("body p").hide()会隐藏您身体内的每个<p>，包括<p>在您的标题和/或页脚内和/或其他任何地方！最好将<p> - 你想隐藏的内容放在特定的<div>内并使用$(".hiding_divs p").hide()。

Jquery隐藏身体内的标签

4 个答案: