一、我们先做一个简单的列表。
做一个简单的列表。
二、记得加入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>