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