编程 Javascript

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

Posted in Javascript onDecember 03, 2010

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树:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>jQuery中的DOM操作</title> 
</head> 
<body> 
<p title="选择你最喜欢的水果">你最喜欢的水果是?</p> 
<ul> 
<li title="苹果">苹果</li> 
<li title="橘子">橘子</li> 
<li title="菠萝">菠萝</li> 
</ul> 
</body> 
</html>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Mootools 1.2教程(2) DOM选择器

Sep 14 Javascript

介绍一个简单的JavaScript类框架

Jun 24 Javascript

jquery模拟进度条实现方法

Aug 03 Javascript

分享五个有用的jquery小技巧

Oct 08 Javascript

jquery实现加载进度条提示效果

Nov 23 Javascript

jquery实现上传文件大小类型的验证例子(推荐)

Jun 25 Javascript

etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例

Nov 09 Javascript

VUE + UEditor 单图片跨域上传功能的实现方法

Feb 08 Javascript

vue2 前端搜索实现示例

Feb 26 Javascript

vue富文本编辑器组件vue-quill-edit使用教程

Sep 21 Javascript

微信小程序公用参数与公用方法用法示例

Jan 09 Javascript

vue3引入highlight.js进行代码高亮的方法实例

Apr 08 Vue.js

浅析jQuery的链式调用之each函数

Dec 03 #Javascript

jQuery的链式调用浅析

Dec 03 #Javascript

加速IE的Javascript document输出的方法

Dec 02 #Javascript

关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()

Dec 02 #Javascript

javascript学习之闭包分析

Dec 02 #Javascript

JavaScript OOP面向对象介绍

Dec 02 #Javascript

JavaScript 字符串处理函数使用小结

Dec 02 #Javascript

You might like

php7基于递归实现删除空文件夹的方法示例

2017/06/15 PHP

extjs fckeditor集成代码

2009/05/10 Javascript

js关闭子窗体刷新父窗体实现方法

2012/12/04 Javascript

JQuery插件ajaxfileupload.js异步上传文件实例

2015/05/19 Javascript

js限制input标签中只能输入中文

2015/06/26 Javascript

jquery控制显示服务器生成的图片流

2015/08/04 Javascript

jQuery版本升级踩坑大全

2016/01/12 Javascript

JS实现全屏的四种写法

2016/12/30 Javascript

整理关于Bootstrap导航的慕课笔记

2017/03/29 Javascript

使用Node.js实现ORM的一种思路详解(图文)

2017/10/24 Javascript

jQuery zTree搜索-关键字查询递归无限层功能实现代码

2018/01/25 jQuery

fullpage.js最后一屏滚动方式

2018/02/06 Javascript

浅谈发布订阅模式与观察者模式

2019/04/09 Javascript

[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen

2015/06/01 DOTA

使用Python编写一个在Linux下实现截图分享的脚本的教程

2015/04/24 Python

详解python基础之while循环及if判断

2017/08/24 Python

Win7 64位下python3.6.5安装配置图文教程

2020/10/27 Python

对python中dict和json的区别详解

2018/12/18 Python

python-视频分帧&多帧合成视频实例

2019/12/10 Python

如何解决flask修改静态资源后缓存文件不能及时更改问题

2020/08/02 Python

Python创建临时文件和文件夹

2020/08/05 Python

python 实时调取摄像头的示例代码

2020/11/25 Python

python 实现的IP 存活扫描脚本

2020/12/10 Python

Talbots官网：美国成熟女装品牌

2019/11/15 全球购物

Yahoo-PHP面试题3

2012/01/14 面试题

大学生自我评价怎样写好

2013/10/23 职场文书

百度吧主申请感言

2014/01/12 职场文书

模具专业毕业生自荐书范文

2014/02/19 职场文书

人力资源经理的岗位职责

2014/03/02 职场文书

协议书模板

2014/04/23 职场文书

彩色的翅膀教学反思

2014/04/25 职场文书

培训督导岗位职责

2015/04/10 职场文书

2015年小学辅导员工作总结

2015/05/27 职场文书

演讲稿：快乐，从不抱怨开始！

2019/04/02 职场文书

win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法

2022/04/05 数码科技

python开发制作好看的时钟效果

2022/05/02 Python