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

prototype.js的Ajax对象

Sep 23 Javascript

textarea中的手动换行处理的jquery代码

Feb 26 Javascript

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

Jun 19 Javascript

纯javascript移动优先的幻灯片效果

Nov 02 Javascript

JS实现简单的选择题测评系统代码思路详解(demo)

Sep 03 Javascript

vue动画之点击按钮往上渐渐显示出来的实例

Sep 29 Javascript

了解重排与重绘

May 29 Javascript

js针对图片加载失败的处理方法分析

Aug 24 Javascript

实例分析JS中的相等性判断===、 ==和Object.is()

Nov 17 Javascript

JavaScript中变量提升机制示例详解

Dec 27 Javascript

vue使用vant中的checkbox实现全选功能

Nov 17 Vue.js

JS实现鼠标移动拖尾

Dec 27 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

mysql 中InnoDB和MyISAM的区别分析小结

2008/04/15 PHP

2011/01/13 PHP

PHP中去除换行解决办法小结（PHP_EOL）

2011/11/27 PHP

php实现学生管理系统

2020/03/21 PHP

Thinkphp 框架配置操作之配置加载与读取配置实例分析

2020/05/15 PHP

js中cookie的使用详细分析

2008/05/28 Javascript

离开页面时检测表单元素是否被修改,提示保存的js代码

2010/08/25 Javascript

基于Jquery实现表格动态分页实现代码

2011/06/21 Javascript

JS解决ie6下png透明的方法实例

2013/08/02 Javascript

jQuery回调函数的定义及用法实例

2014/12/23 Javascript

javascript 构造函数方式定义对象

2015/01/02 Javascript

JS实现点击按钮控制Div变宽、增高及调整背景色的方法

2015/08/05 Javascript

基于jQuery倾斜打开侧边栏菜单特效代码

2015/09/15 Javascript

ClearTimeout消除闪动实例代码

2016/02/29 Javascript

详解JavaScript的闭包、IIFE、apply、函数与对象

2016/12/21 Javascript

懒加载实现的分页&&网站footer自适应

2016/12/21 Javascript

浅析JS抽象工厂模式

2017/12/14 Javascript

webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

2018/01/09 Javascript

js数组相减简单示例【删除a数组所有与b数组相同元素】

2020/03/04 Javascript

vue点击标签切换选中及互相排斥操作

2020/07/17 Javascript

python的socket编程入门

2018/01/29 Python

python 设置输出图像的像素大小方法

2019/07/04 Python

python 进程间数据共享multiProcess.Manger实现解析

2019/09/23 Python

python 利用turtle库绘制笑脸和哭脸的例子

2019/11/23 Python

实现Python与STM32通信方式

2019/12/18 Python

jupyter notebook 参数传递给shell命令行实例

2020/04/10 Python

马德里著名的运动鞋商店：NOIRFONCE

2019/04/12 全球购物

Burt’s Bees英国官网：世界领先的天然个人护理品牌

2020/08/17 全球购物

自荐书模板

2013/12/15 职场文书

小饰品店的创业计划书范文

2013/12/28 职场文书

求职信范文怎么写

2014/01/29 职场文书

体育教师个人的自我评价

2014/02/16 职场文书

低碳环保标语

2014/06/12 职场文书

公司年会晚会开幕词

2019/04/02 职场文书

Python基础之元编程知识总结

2021/05/23 Python

Redis如何实现验证码发送以及限制每日发送次数

2022/04/18 Redis