jquery中html方法实现了哪些功能

WBOY
Freigeben: 2022-05-10 11:44:28
Original
2489 Leute haben es durchsucht

功能:1、返回元素内容,语法“元素对象.html()”;2、设置元素内容,语法“元素对象.html(元素的新内容)”;3、使用函数来设置元素的内容,语法“元素对象.html(function(选择器的index位置,选择器的当前内容))”。

jquery中html方法实现了哪些功能

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中html方法实现了哪些功能

1、返回元素内容

当使用该方法返回一个值时,它会返回第一个匹配元素的内容。

语法

$(selector).html()
Nach dem Login kopieren

示例如下:

   
  

This is a paragraph.

Nach dem Login kopieren

输出结果:

01.png

点击按钮后:

02.png

2、设置元素内容

当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。

语法

$(selector).html(content)
Nach dem Login kopieren

content 可选。规定被选元素的新内容。该参数可包含 HTML 标签。

示例如下:

   
  

This is a paragraph.

This is another paragraph.

Nach dem Login kopieren

输出结果:

03.png

点击按钮后:

04.png

3、使用函数来设置元素内容

使用函数来设置所有匹配元素的内容。

语法

$(selector).html(function(index,oldcontent))
Nach dem Login kopieren

参数 描述

function(index,oldcontent)

规定一个返回被选元素的新内容的函数。

index - 可选。接收选择器的 index 位置。

oldcontent - 可选。接收选择器的当前内容。

示例如下:

   
  

这是一个段落。

这是另一个段落。

Nach dem Login kopieren

输出结果:

05.png

点击按钮后:

06.png

相关视频教程推荐:jQuery视频教程

Das obige ist der detaillierte Inhalt vonjquery中html方法实现了哪些功能. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!