当前位置:Gxlcms > JavaScript > jQuery学习笔记[1]jQuery中的DOM操作_jquery

jQuery学习笔记[1]jQuery中的DOM操作_jquery

时间:2021-07-01 10:21:17 帮助过:17人阅读

DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM.
1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它.
JavaScript中的getElementById(),getElementsByTagName()...等方法.
例如:使用DOM Core来获取表单对象的方法:
document.getElementsByTagName("form");
2,HTML-DOM.
在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的记号来描述各种HTML元素的属性.
例如:使用HTML-DOM来获取表单对象的方法:
document.forms //HTML-DOM提供了一个forms对象.
3,CSS-DOM
CSS-DOM是针对CSS的操作.在JavaScript中CSS-DOM技术的主要作用是获取和设置style对象的各种属性.
例如:设置某元素style对象字体颜色的方法:element.style.color="red";
下面学习的是:jQuery中的DOM操作:
先构建出一棵DOM树:
代码如下:





jQuery中的DOM操作


你最喜欢的水果是?



  • 苹果

  • 橘子

  • 菠萝





接下来的操作都是围绕这个DOM树而展开的.

人气教程排行