3.2.1: jQuery的DOM操作之查找节点_jquery 搜索器节点之后-优快云博客

本文链接：https://blog.youkuaiyun.com/confirmAname/article/details/17743669

本文通过实例展示了如何使用jQuery选择并操作HTML文档中的元素及属性。包括选择特定元素节点并获取其文本内容，以及查找带有特定属性的元素。

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

1. 查找元素节点：

<%@ page 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">
	$(document).ready(function(){
		var $li=$("ul li:eq(1)");
		var li_txt=$li.text();
		alert(li_txt);
	});
	
</script>
</head>
<body>
<p title="what kind of fruit do you like best?">你最喜欢的水果是?</p>
<ul>
	<li title="apple">苹果</li>
	<li title="orange">橘子</li>
	<li title="banana">香蕉</li>
</ul>
</body>
</html>

2. 查找属性节点：

利用jQuery选择器查找到需要的元素后，就可以使用attr()方法来获取它的各种属性的值：

<%@ page 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">
	$(document).ready(function(){
		var $para=$("p");
		var p_txt=$para.attr("title");
		alert(p_txt);
	});
	
</script>
</head>
<body>
<p title="what kind of fruit do you like best?">你最喜欢的水果是?</p>
<ul>
	<li title="apple">苹果</li>
	<li title="orange">橘子</li>
	<li title="banana">香蕉</li>
</ul>
</body>
</html>