编程 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 MD4

Dec 20 Javascript

setInterval()和setTimeout()的用法和区别示例介绍

Nov 17 Javascript

javascript中typeof的使用示例

Dec 19 Javascript

JavaScript实现Flash炫光波动特效

May 14 Javascript

Node.js巧妙实现Web应用代码热更新

Oct 22 Javascript

原生JavaScript制作微博发布面板效果

Mar 11 Javascript

JavaScript核心语法总结(推荐)

Jun 02 Javascript

JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码

Mar 25 Javascript

jQuery实现checkbox全选功能完整实例

Jul 12 jQuery

详解React之key的使用和实践

Sep 29 Javascript

vue的.vue文件是怎么run起来的(vue-loader)

Dec 10 Javascript

js实现图片局部放大效果详解

Mar 18 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

德劲1107的电路分析与打磨

2021/03/02 无线电

CodeIgniter基本配置详细介绍

2013/11/12 PHP

PHP设计模式之观察者模式实例

2016/02/22 PHP

PHPExcel笔记, mpdf导出

2016/05/03 PHP

laravel学习笔记之模型事件的几种用法示例

2017/08/15 PHP

thinkphp5 加载静态资源路径与常量的方法

2017/12/24 PHP

Mac下快速搭建PHP开发环境步骤详解

2019/05/05 PHP

javascript 数组的方法集合

2008/06/05 Javascript

JavaScript isPrototypeOf和hasOwnProperty使用区别

2010/03/04 Javascript

JQuery小知识

2010/10/15 Javascript

js时间日期和毫秒的相互转换

2013/02/22 Javascript

appendChild() 或 insertBefore()使用与区别介绍

2013/10/11 Javascript

jQuery给动态添加的元素绑定事件的方法

2015/03/09 Javascript

JSON+Jquery省市区三级联动

2016/01/13 Javascript

理解JavaScript中Promise的使用

2016/01/18 Javascript

ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法

2016/09/22 Javascript

jQuery实现点击任意位置弹出层外关闭弹出层效果

2016/10/19 Javascript

Bootstrap选项卡学习笔记分享

2017/02/13 Javascript

JS对象的深度克隆方法示例

2017/03/16 Javascript

JavaScript运动框架解决防抖动问题、悬浮对联（二）

2017/05/17 Javascript

vue富文本编辑器组件vue-quill-edit使用教程

2018/09/21 Javascript

Vue 幸运大转盘实现思路详解

2019/05/06 Javascript

Python和Ruby中each循环引用变量问题（一个隐秘BUG?）

2014/06/04 Python

python 编写简单网页服务器的实例

2018/06/01 Python

numpy matrix和array的乘和加实例

2018/06/28 Python

Python字典底层实现原理详解

2019/12/18 Python

肯尼亚网上商城：Kilimall

2016/08/20 全球购物

高中历史教学反思

2014/02/08 职场文书

妇女干部培训方案

2014/05/12 职场文书

广告宣传策划方案

2014/05/21 职场文书

2014年合同管理工作总结

2014/12/02 职场文书

综合素质自我评价评语

2015/03/06 职场文书

社会主义核心价值观主题教育活动总结

2015/05/07 职场文书

同学聚会开幕词

2019/04/02 职场文书

javaScript Array api梳理

2021/03/31 Javascript

数据分析数据库ClickHouse在大数据领域应用实践

2022/04/03 MySQL