一、我们先做一个简单的列表。
做一个简单的列表。
二、记得加入jQuery的外链文件,不然是用不了jQuery的。
三、可以查找元素节点了。
最后的运行结果差不多是这样的,浏览器不一样,多少有点区别。
四、这里补充一个,查找节点的属性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<p title="这些都是我喜欢的水果">水果</p>
<ul>
<li>苹果</li>
<li>橙子</li>
<li>香蕉</li>
</ul>
<script>
var $fru = $("ul li:eq(1)");
// 取得ul的第2个li节点
var $frutxt = $fru.text();
// 取得该节点元素的文本内容
alert($frutxt);
// 把文本内容用消息框显示出来
var $ep = $("p");
// 取得p节点
var t_p = $ep.attr("title");
// 取得p节点的title属性的值
alert(t_p);
// 用消息框显示title的值
</script>
</body>
</html>
