📌  相关文章
📜  jQuery html()

📅  最后修改于: 2020-11-26 00:57:07             🧑  作者: Mango

jQuery html()

jQuery html()方法用于更改所选元素的全部内容。它将选定的元素内容替换为新的内容。

注意：这是一个非常有用的函数，但由于其API文档，因此只能在有限的范围内使用。 jQuery html函数的API文档由三个方法签名组成。

第一个方法签名没有参数，因此它仅返回该元素内的HTML。其余两个签名使用一个参数：即字符串或返回字符串的函数。

句法：

$(selector).html()

它用于返回内容。

$(selector).html(content)

用于设置内容。

$(selector).html(function (index, currentcontent))

用于通过调用函数设置内容。

jQuery html()方法用于设置内容或返回所选元素的内容。

  • 设置内容：使用此方法设置内容时，它将覆盖所有匹配元素的内容。
  • 返回内容：使用此方法返回内容时，它将返回第一个匹配元素的内容。

text()方法用于设置或仅返回所选元素的文本内容。

jQuery html()方法的参数

Parameter Description
Content It is an essential parameter. It is used to specify the new content for the selected elements. It can also contain HTML tags.
Function (index, currentcontent) It is an optional parameter. It specifies a function that returns the new content for the selected elements.
  • Index: It shows the index position of the element in the set.
  • Currentcontent: It shows the current HTML content of the selected element.

jQuery html()方法的示例

让我们以一个示例来演示jQuery html()方法。它正在改变所有p元素的内容。










This is a paragraph.


This is another paragraph.

输出：

This is a paragraph.

This is another paragraph.

jQuery html()示例2

让我们看一下返回HTML内容的jQuery html()方法的另一个示例。它仅返回第一段的内容。












This is first paragraph.


This is another paragraph.

输出：

This is first paragraph.

This is another paragraph.

jQuery html()示例3

让我们看一下将HTML转换为文本的jQuery html()方法的另一个示例。




  
  html demo
  
  




  Click here to change the html to text

输出：

Click here to change the html to text