Fatal编程技术网
  • jquery/
  • id和其他元素之间jQuery.html函数的差异

id和其他元素之间jQuery.html函数的差异

jquery

id和其他元素之间jQuery.html函数的差异,jquery,Jquery,来自jQueryAPI文档 .html（） 获取匹配元素集中第一个元素的HTML内容，或设置每个匹配元素的HTML内容 如何确定此函数是匹配第一个元素还是匹配的所有元素？考虑这个HTML。 <body> <p id="simple">The first paragraph</p> <p id="simple">The second paragraph</p> </body> 我会得到： 我换成了这个 第

来自jQueryAPI文档

.html（）
获取匹配元素集中第一个元素的HTML内容，或设置每个匹配元素的HTML内容

如何确定此函数是匹配第一个元素还是匹配的所有元素？考虑这个HTML。 
<body>
    <p id="simple">The first paragraph</p>
    <p id="simple">The second paragraph</p>
</body>
我会得到：

我换成了这个
第二段

如果我将
“p:simple”
更改为
“#simple”

但是如果将html更改为使用类而不是ID

<p class="simple">The first paragraph</p>
<p class="simple">The second paragraph</p>  

第一段


第二段
并将
“p:#simple”
更改为
“p:.simple”
或
“p”
或
。simple”
结果将是

我换成了这个
我换了这个

这是为什么？

您的
Id
必须是唯一的 您可以在此处了解更多信息：

所以，当您在jquery中使用id选择器时，它总是应用于在DOM中找到的第一个元素

如果您想在多个元素上应用jquery代码，那么您可以使用
类
选择器，或者您可以使用不同的
id
，并为所有
id
编写相同的代码（如果您必须在所有元素上使用相同的代码，则不建议这样做）

它不仅仅是关于
.html（）
函数这适用于所有
javasript
code

分配给html页面中元素的每个ID都应该是唯一的。而一个类可以应用于多个元素。
JQuery在指定ID时自动选择第一个元素，但在使用类选择器时将选择所有匹配的元素。

您的HTML不正确。在整个文档中，只有一个元素可以具有给定的ID。 
<p class="simple">The first paragraph</p>
<p class="simple">The second paragraph</p>