夺命雷公狗jquery-----1选择标签的三种方法

最新推荐文章于 2015-11-03 13:34:00 发布

原创最新推荐文章于 2015-11-03 13:34:00 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种利用jQuery库来动态更改HTML元素内容的方法。通过按钮点击触发事件，实现对不同选择器（如ID、Class及元素类型）的选择，并更新选定元素的内容。此技术在不需要重新加载整个页面的情况下即可实现局部更新。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.js"></script>
		<script>
			window.onload = function(){
				document.getElementById('btnok').onclick=function(){
					//id选择器
					//$('#div3').html('aaaaaaa');
					//class选择器
					$('.div2').html('aaaaaaaaaaaaaa');
					//
					$('h1,div').html('aaaaaaaaa');
				}
			}
		</script>
	</head>
	<body>
		<input type="button" id="btnok" value="OK" />
		<hr>
		<h1>111111</h1>
		<hr>
		<div>222222222</div>
		<div class="div2">333333333</div>
		<div id="div3">444444444</div>
	</body>
</html>