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

用Javascript实现锚点(Anchor)间平滑跳转

Sep 08 Javascript

confirm的用法示例用于按钮操作时确定是否执行

Jun 19 Javascript

浅谈JavaScript的Polymer框架中的behaviors对象

Jul 29 Javascript

JS实现网页顶部向下滑出的全国城市切换导航效果

Aug 22 Javascript

javascript显示上周、上个月日期的处理方法

Feb 03 Javascript

全面解析Bootstrap表单样式的使用

Sep 09 Javascript

如何实现星星评价（jquery.raty.js插件）

Dec 21 Javascript

JS实现的简单拖拽功能示例

Mar 13 Javascript

node安装--linux下的快速安装教程

Mar 21 Javascript

微信小程序 request接口的封装实例代码

Apr 26 Javascript

jQuery中元素选择器（element）简单用法示例

May 14 jQuery

Vue.set()动态的新增与修改数据,触发视图更新的方法

Sep 15 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实现无限级分类实现代码(递归方法)

2011/01/01 PHP

PHP使用数组实现队列

2012/02/05 PHP

php中使用PHPExcel读写excel(xls)文件的方法

2014/09/15 PHP

PHP获取数组的键与值方法小结

2015/06/13 PHP

php在windows环境下获得cpu内存实时使用率(推荐)

2018/02/08 PHP

php字符串截取函数mb_substr用法实例分析

2019/06/25 PHP

php 使用html5 XHR2实现上传文件与进度显示功能示例

2020/03/03 PHP

jquery URL参数判断，确定菜单样式

2010/05/31 Javascript

extjs 04_grid 单击事件新发现

2012/11/27 Javascript

js检查页面上有无重复id的实现代码

2013/07/17 Javascript

XML文件转化成NSData对象的方法

2015/08/12 Javascript

基于jQuery Circlr插件实现产品图片360度旋转

2015/09/20 Javascript

使用Ajax与服务器（JSON）通信实例

2016/11/04 Javascript

bootstrap响应式表格实例详解

2017/05/15 Javascript

jQuery.form.js的使用详解

2017/06/14 jQuery

vue axios请求频繁时取消上一次请求的方法

2018/11/10 Javascript

详解微信小程序之一键复制到剪切板

2019/04/24 Javascript

js点击事件的执行过程实例分析【冒泡与捕获】

2020/04/11 Javascript

[02:34]DOTA2英雄基础教程幽鬼

2014/01/02 DOTA

介绍Python中几个常用的类方法

2015/04/08 Python

使用Python下的XSLT API进行web开发的简单教程

2015/04/15 Python

python下解压缩zip文件并删除文件的实例

2018/04/24 Python

python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别

2018/06/04 Python

Pycharm使用之设置代码字体大小和颜色主题的教程

2019/07/12 Python

Django框架基础模板标签与filter使用方法详解

2019/07/23 Python

python 解决print数组/矩阵无法完整输出的问题

2020/02/19 Python

Python OpenCV去除字母后面的杂线操作

2020/07/05 Python

澳大利亚工具仓库：Tools Warehouse

2018/10/15 全球购物

求职信结尾怎么写

2014/05/26 职场文书

经济管理专业求职信

2014/06/09 职场文书

小学爱国卫生月活动总结

2014/06/30 职场文书

上班离岗检讨书

2014/09/10 职场文书

民政局副局长民主生活会个人整改措施

2014/10/04 职场文书

电影焦裕禄观后感

2015/06/09 职场文书

redis实现共同好友的思路详解

2021/05/26 Redis

Python采集股票数据并制作可视化柱状图

2022/04/04 Python