jQuery之html(),text()和val()的区别

原创

于 2021-08-24 17:01:12 发布 · 893 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

本文详细介绍了jQuery中.html(), .text()和.val()三个方法的区别及使用示例。.html()用于获取或设置元素的HTML内容，.text()用于获取或设置元素的纯文本内容，而.val()则专门用于处理表单元素的值，包括设置选中状态。

文章目录

三者的区别

三者的区别

html():可以设置获取起始标签和结束标签的内容 ，跟dom属性innerHTML一样。

text():可也设置和获取起始标签和结束标签的文本，跟dom属性innerText一样。

val():可以设置和获取表单项的value属性值，跟dom属性value一样。val方法也可以同时设置多个表单项的选中状态（单选，多选，下拉都可以）。

下面用代码来详细解释一下

一. html用法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="jquery-3.5.1.js"></script>
		<script type="text/javascript">
		
			$(function(){
     
     
				alert($("div").html()) //获取内容
				
				$("div").html('<div>我是小军</div>')//设置内容
				
			})
		</script>
	</head>
	<body>
		<