本文演示了用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
程序设计有所帮助。