编程 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 相关文章推荐

JQuery EasyUI 对话框的使用方法

Oct 24 Javascript

对于this和$(this)的个人理解

Sep 08 Javascript

js showModalDialog弹出窗口实例详解

Jan 07 Javascript

Extjs根据条件设置表格某行背景色示例

Jul 23 Javascript

介绍一个简单的JavaScript类框架

Jun 24 Javascript

javascript完美实现给定日期返回上月日期的方法

Jun 15 Javascript

JS简单实现动态添加HTML标记的方法示例

Apr 08 Javascript

vue动态绑定class选中当前列表变色的方法示例

Dec 19 Javascript

node express使用HTML模板的方法示例

Aug 22 Javascript

解决layer.msg 不居中 ifram中的问题

Sep 05 Javascript

JavaScript实现旋转木马轮播图

Mar 16 Javascript

MutationObserver在页面水印实现起到的作用详解

Jul 07 Javascript

浅析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

十天学会php(3)

2006/10/09 PHP

如何获知PHP程序占用多少内存(memory_get_usage)

2012/09/23 PHP

PHP 正则判断中文UTF-8或GBK的思路及具体实现

2013/11/26 PHP

CodeIgniter中使用cookie的三种方式详解

2014/07/18 PHP

php连接与操作PostgreSQL数据库的方法

2014/12/25 PHP

php监测数据是否成功插入到Mysql数据库的方法

2016/11/25 PHP

php readfile下载大文件失败的解决方法

2017/05/22 PHP

CSS中一些@规则的用法小结

2021/03/09 HTML / CSS

MooTools 1.2介绍

2009/09/14 Javascript

js给dropdownlist添加选项的小例子

2013/03/04 Javascript

Javascript动态引用CSS文件的2种方法介绍

2014/06/06 Javascript

用Jquery选择器计算table中的某一列某一行的合计

2014/08/13 Javascript

jQuery团购倒计时特效实现方法

2015/05/07 Javascript

jQuery实现html元素拖拽

2015/07/21 Javascript

Jquery Ajax Error 调试错误的技巧

2015/11/20 Javascript

使用angularjs创建简单表格

2016/01/21 Javascript

JavaScript实现ASC转汉字及汉字转ASC的方法

2016/01/23 Javascript

js中document.referrer实现移动端返回上一页

2017/02/22 Javascript

jquery 禁止鼠标右键并监听右键事件

2017/04/27 jQuery

浅谈ajax在jquery中的请求和servlet中的响应

2018/01/22 jQuery

微信接入之获取用户头像的方法步骤

2019/09/23 Javascript

vuex 实现getter值赋值给vue组件里的data示例

2019/11/05 Javascript

js实现批量删除功能

2020/08/27 Javascript

微信小程序实现签到弹窗动画

2020/09/21 Javascript

[01:04]DOTA2：伟大的Roshan雕塑震撼来临

2015/01/30 DOTA

约瑟夫问题的Python和C++求解方法

2015/08/20 Python

Python中规范定义命名空间的一些建议

2016/06/04 Python

使用Python的Scrapy框架十分钟爬取美女图

2016/12/26 Python

Python用户自定义异常的实现

2020/12/25 Python

FORZIERI福喜利中国官网：奢侈品购物梦工厂

2019/05/03 全球购物

毕业生就业自荐信

2013/12/04 职场文书

无犯罪记录证明范本

2014/09/15 职场文书

学生检讨书如何写

2014/10/30 职场文书

2014年招商工作总结

2014/11/22 职场文书

三严三实·严以律己心得体会

2016/01/13 职场文书

Javascript设计模式之原型模式详细

2021/10/05 Javascript