寻找DOM节点的jQuery方法

寻找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程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部