JQuery--dom捕获html元素

原创于 2021-04-13 17:13:22 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

22 篇文章

订阅专栏

jQuery

9 篇文章

订阅专栏

这篇博客介绍了如何使用jQuery的text()方法来获取和修改HTML元素的文本内容。通过示例展示了当点击按钮时，如何弹出div元素内的文本，并在另一个点击事件中替换该文本。内容涉及jQuery的选择器、事件处理及DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

text()方法捕获div的文本

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
	</script>
	<script>
		$(document).ready(function()
			
		{
			$("#demo2").click(function(){
				alert($("#demo1").text())
			})
			
		})
	</script>
	</head>
	<body>
		<div id="demo1">hello jquery dom</div>
		<button id="demo2">点击显示文本</button>
	</body>
</html>

text(“xxxx”)方法修改文本

效果类似于innerhtml

$("#demo3").click(function(){
				$("#demo1").text("hello the world")
			})