在开始展开DOM操作前，首先需要构建一棵DOM树。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.js"></script> </head> <body> <p title="选择你最喜欢的水果">你最喜欢的水果是？</p> <ul> <li title='苹果'>苹果</li> <li title='香蕉'><span>香蕉</span></li> <li title='荔枝'>荔枝</li> </ul> </body> </html>
接下来，对DOM的增删改查操作都将围绕这棵DOM树展开。
1、查找节点
1.1查找元素节点
$(function(){ var li = $("ul li:eq(1)"); console.log(li.text()); console.log(li.html()); })
在获取元素节点内容的时候，text()方法只对文本其作用，该方法获得节点包含内容时，会把html标签给删除，只保留文本内容html()方法对"文本"和"html"代码都起作用。
1.2查找属性节点
$(function(){ var p = $("p"); console.log(p.attr('title')); })
attr()方法常用来获取元素的各种属性值，该方法可以接收一个或者两个参数，现在，当接收一个参数时，用来查询属性名为该参数的属性值，后面会继续展示接收两个参数的方法。