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 Event事件学习第一章 Event介绍
Feb 07 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
Sep 18 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 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遍历目录与文件夹的多种方法详解
2013/11/14 PHP
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
Javascript 判断Flash是否加载完成的代码
2010/04/12 Javascript
jquer之ajaxQueue简单实现代码
2011/09/15 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
js图片自动轮播代码分享(js图片轮播)
2014/05/06 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
Jquery基础教程之DOM操作
2015/08/19 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
bootstrap监听滚动实现头部跟随滚动
2016/11/08 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
[57:38]2018DOTA2亚洲邀请赛3月30日 小组赛A组 OpTic VS OG
2018/03/31 DOTA
python解析中国天气网的天气数据
2014/03/21 Python
python实现DES加密解密方法实例详解
2015/06/30 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python requests获取网页常用方法解析
2020/02/20 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
基于Python实现简单学生管理系统
2020/07/24 Python
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
数字漫画:comiXology
2020/06/13 全球购物
教师岗位职责
2013/11/17 职场文书
户籍证明的格式
2014/01/13 职场文书
入党积极分子学习优秀共产党员先进事迹思想汇报
2014/09/13 职场文书
工程承包协议书范本
2014/09/29 职场文书
走群众路线学习笔记
2014/11/06 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
质检员工作总结2015
2015/04/25 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
html实现随机点名器的示例代码
2021/04/02 Javascript