优秀的编程知识分享平台

网站首页 > 技术文章 正文

jQuery中查找元素节点的方法。【402】

nanyue 2024-08-14 20:20:05 技术文章 12 ℃

一、我们先做一个简单的列表。

做一个简单的列表。

二、记得加入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>
最近发表
标签列表