1.4.1:jQuery对象和DOM对象-优快云博客

本文详细介绍了DOM对象和jQuery对象的概念，并通过实例展示了如何使用这两种方式操作HTML元素。

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

1.DOM对象：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script src="jQuery/jquery-1.10.2.js"></script>
<script type="text/javascript">
		function test(){
			var dom_obj=document.getElementById("p1");
			alert(dom_obj.innerHTML);
		}
</script>
<body>
	<p id="p1">这是第一段文字</p>
	<p id="p2">这是第二段文字</p>
	<input type="button" value="dom对象" onclick="test()">
</body>
</html>

2.jQuery对象:

jQuery对象就是通过jQuery包装DOM对象后产生的对象。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script src="jQuery/jquery-1.10.2.js"></script>
<script type="text/javascript">
		function test(){
			alert($("#p1").html());
		}
</script>
<body>
	<p id="p1">这是第一段文字</p>
	<p id="p2">这是第二段文字</p>
	<input type="button" value="jQuery对象" onclick="test()">
</body>
</html>