寻找DOM节点的jQuery方法

本文演示了用jQuery查找DOM节点的方法,供大家参考,具体分析如下:

DOM操作是jQuery最常用的用法,让我们逐一解析jQuery的DOM操作。

为了全面解释DOM操作,首先需要构建一个Web页面,因为每个Web页面都可以用DOM表示,每个DOM都可以看作是一个DOM树:


欢迎访问

PHP编程容易理解
易于理解的Javascript编程
易于理解的jQuery编程





顺便说一句,类命名为nm是nowamagic速记。

使用jQuery找到文档树上的节点很容易,可以通过jQuery选择器完成。

发现元素节点

获取元素节点并打印其文本内容,jQuery代码如下所示:


李= $(var $ 。nm_ul李:情商(1) / /获得);第二节点单元
var = $ li.text(li_txt); / /输出二元节点文本




上面的代码获取元素中的第二个节点,并打印出易于理解的Javascript代码。

查找属性节点

使用jQuery选择器来找到所需的元素,你可以使用attr()得到的各种属性的属性值的方法。()方法的参数可以是一个或两个。当参数之一,它是要查询的属性的名称,例如:

获取属性节点并打印出它的文本内容,jQuery代码如下所示:


VaR对美元美元=(。nm_p ); / /接入节点
无功p_txt = para.attr美元(标题); / /输出元素节点的属性名称




上面的代码获取节点类nm_p,并欢迎它的标题属性值的简单的和现代的魔法图书馆打印出来。

本例中完整的jQuery代码如下所示:



/ / < { CDATA {!
$(函数(){())
VaR对美元美元=(。nm_p ); / /接入节点
李= $(var $ 。nm_ul李:情商(1) / /获得);第二节点单元
无功p_txt = para.attr美元(标题); / /输出元素节点的属性名称
无功ul_txt = li.attr美元(标题); / /标题属性的访问节点的第二要素
var = $ li.text(li_txt); / /输出二元节点文本
$(# btn_1)。Click(function(){)
警报(ul_txt);
});
$(# btn_2)。Click(function(){)
警报(li_txt);
});
$(# btn_3)。Click(function(){)
警报(p_txt);
});
});
>





希望本文能对大家的jQuery程序设计有所帮助。