探析在jQuery框架下操作HTML DOM元素
摘 要:遵循web标准的网页开发中,html dom在实现行为层中起着举足轻重的作用。javascript就可以利用html dom动态的修改网页。jquery就是一个优秀的javascript框架,其代码简洁,说明文档齐全,支持ajax、容易使用,链式语法,自动迭代,开源等诸多优点使得用jquery编写的网页脚本更简单、更方便、功能更强大。
关键词:javascript jquery web标准 dom
一、关于html dom
html dom是html document object model(文档对象模型)的缩写,html dom则是专门适用与html最佳化html/xhtml的文档对象模型。html dom 定义了访问和操作html文档的标准方法。熟悉软件开发的人员可以将html dom理解为网页的api。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或者编辑。 例如javascript就可以利用html dom动态的修改网页。
如图所示,html dom 把 html 文档呈现为带有元素、属性和文本的树结构(节点树)。
二、javascript与jquery
作为一个javascript的函数库,jquery和直接使用javascript相比。具有以下优点:
(1) 能将javascript代码和html代码完全分离,便于代码和维护和修改。通过引用,完全可以将jquery在一个元素后追加标签jquery的代码和html代码分别编写,这样既方便功能的实现和维护,同时也能使html代码更清晰可读。
(2) jquery支持css以及基本的xpath。对不同版本样式库的支持是jquery的一大特点,而通过对xpath的解析实现对xml的支持。
(3)代码简练、文档丰富、语义易懂、学习快速。
三、jquery操作html dom元素
1.引用jquery
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论