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

让您的菜单不离网站

Oct 03 Javascript

Jquery之美中不足小结

Feb 16 Javascript

jQuery学习之prop和attr的区别示例介绍

Nov 15 Javascript

node.js中的buffer.Buffer.isBuffer方法使用说明

Dec 14 Javascript

javascript引用类型之时间Date和数组Array

Aug 27 Javascript

JS实现无限级网页折叠菜单(类似树形菜单)效果代码

Sep 17 Javascript

javascript+HTML5 Canvas绘制转盘抽奖

May 16 Javascript

项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)

Jul 28 Javascript

Angularjs中的页面访问权限怎么设置

Nov 11 Javascript

详解Angular 4.x Injector

May 04 Javascript

Vue拖拽组件列表实现动态页面配置功能

Jun 17 Javascript

JS+css3实现幻灯片轮播图

Aug 14 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

PHP4实际应用经验篇(5)

2006/10/09 PHP

三个类概括PHP的五种设计模式

2012/09/05 PHP

php比较两个绝对时间的大小

2014/01/31 PHP

PHP制作百度词典查词采集器

2015/01/29 PHP

ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解

2017/07/20 PHP

javascript编程起步（第二课）

2007/02/27 Javascript

JavaScript自动设置IFrame高度的小例子

2013/06/08 Javascript

原生js ActiveXObject获取execl里面的值

2013/11/01 Javascript

动态加载JS文件的三种方法

2013/11/08 Javascript

JavaScript中的函数的两种定义方式和函数变量赋值

2014/05/12 Javascript

使用cluster 将自己的Node服务器扩展为多线程服务器

2014/11/10 Javascript

后台获取ZTREE选中节点的方法

2015/02/12 Javascript

jQuery基于图层模仿五星星评价功能的方法

2015/05/07 Javascript

全面了解js中的script标签

2016/07/04 Javascript

jQuery禁用快捷键例如禁用F5刷新禁用右键菜单等的简单实现

2016/08/31 Javascript

jQuery css() 方法动态修改CSS属性

2016/09/25 Javascript

详解浏览器渲染页面过程

2017/02/09 Javascript

webpack4 css打包压缩问题的解决

2018/05/18 Javascript

vue.js input框之间赋值方法

2018/08/24 Javascript

vue+openlayers绘制省市边界线

2020/12/24 Vue.js

[03:20]2015国际邀请赛全明星表演赛

2015/08/08 DOTA

Python实现常见的回文字符串算法

2018/11/14 Python

Python中关于浮点数的冷知识

2019/09/22 Python

Python实现密码薄文件读写操作

2019/12/16 Python

Python爬虫与反爬虫大战

2020/07/30 Python

python 实现简单的计算器(gui界面)

2020/11/11 Python

荣耀俄罗斯官网：HONOR俄罗斯

2020/10/31 全球购物

Fanatics官网：运动服装、球衣、运动装备

2020/10/12 全球购物

请写出 BOOL flag 与＂零值＂比较的 if 语句

2016/02/29 面试题

如何提高SQL Server的安全性

2016/07/25 面试题

技术副厂长岗位职责

2013/12/26 职场文书

业务员的岗位职责

2014/03/15 职场文书

心得体会的写法

2014/09/05 职场文书

经典导游欢迎词

2015/01/26 职场文书

党员电教片《信仰》心得体会

2016/01/15 职场文书

教你怎么用python爬取爱奇艺热门电影

2021/05/20 Python