导语：jquery之DOM操作之查找节点初识

jquery强大的选择器为查找DOM节点提供了便利，本文简单介绍使用jquery查找DOM节点的两种情况以及常用的取值和设置值的方法。

jquery

先看一段html代码：

<p title="请选择">你最喜欢的水果是？</p>

<ul>

<li title="苹果">苹果</li>

<li title="梨子">梨子</li>

<li title="香蕉">香蕉</li>

</ul>

1.查找元素节点

使用jquery查找结点非常容易，可以通过jquery选择器来完成。

获取元素节点并打印出它的文本内容，代码如下：

var $li=$("ul li:eq(1)");//获取第二个li节点

var text=$li.text();//获取节点的文本内容

alert(text);//打印文本内容

2.查找属性节点

利用jquery选择器查找到需要的元素之后，就可以使用attr()方法来获取它的各种属性的值。attr方法的参数可以是一个，也可以是两个。当参数是一个时，则是要查询的属性的名字，例如：

获取属性节点并打印出它的内容：

var $li=$("ul li:eq(2)");//获取第三个li节点

var text=$li.attr("title");//获取节点的title属性

alert(text);//打印文本内容

示例代码：

运行效果：

3.关于val()，html()，text()和attr()方法简介：

val()用于元素的取值和设置值，html()用于获取和设置元素的html，text()用于获取和设置元素的文本内容，attr()用于获取和设置元素的属性。

获取内容和属性

设置内容和属性

val方法

html方法

text方法

attr方法

以上即为jquery查找节点的基础知识。

本文内容由小春整理编辑！