它的工作方式不同，使用<p>和</p> <div>标签</div>

Question

$("#tt").hide();

<div id="tt">Some text. <div>Some text 2.</div></div>

没关系，但是这个

$("p").hide();

<p>Some text. <div>Some text 2.</div></p>

仅隐藏“有些文字。”

你能帮我理解原因吗？

Answer 1

这是因为在<div>元素内嵌套<p>元素不是有效的HTML标记。因此，浏览器会尝试修复它并将HTML修改为：

<p>Some text</p> 
<div>Some text 2.</div>

这就是为什么当你隐藏<p>元素时，只有＆＃34;有些文字＆＃34;隐藏

Answer 2

您的浏览器正在关闭第一个<p>标记之前的<div>。 DIV不会嵌套在p标签中。

Answer 3

<p>元素可能不包含其他块元素，如<div>。

尝试使用此validator

并查看<p> element

的此参考