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

js的flv视频播放器插件使用方法

Jun 23 Javascript

使用AmplifyJS组件配合JavaScript进行编程的指南

Jul 28 Javascript

jquery图片滚动放大代码分享（1）

Aug 25 Javascript

JavaScript转换与解析JSON方法实例详解

Nov 24 Javascript

javascript实现一个简单的弹出窗

Feb 22 Javascript

不间断循环滚动效果的实例代码(必看篇)

Oct 08 Javascript

bootstrap中模态框、模态框的属性实例详解

Feb 17 Javascript

如何理解Vue的作用域插槽的实现原理

Aug 19 Javascript

JS中touchstart事件与click事件冲突的解决方法

Mar 12 Javascript

js正则相关知识点专题

May 10 Javascript

微信小程序实现左右列表联动

May 19 Javascript

jQuery实现判断滚动条滚动到document底部的方法分析

Aug 27 jQuery

浅析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中is_dir()函数使用指南

2015/05/08 PHP

浅谈php的优缺点

2015/07/14 PHP

PHP实现的json类实例

2015/07/28 PHP

php上传excel表格并获取数据

2017/04/27 PHP

PHP7扩展开发之基于函数方式使用lib库的方法详解

2018/01/15 PHP

PHP检查URL包含特定字符串实例方法

2019/02/11 PHP

基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)

2012/07/26 Javascript

在jQuery中关于json空对象筛选替换

2013/04/15 Javascript

PHP开发者必须掌握的6个关键字

2014/04/14 Javascript

jQuery给div,Span, a ，button, radio 赋值与取值

2016/06/24 Javascript

JavaScript遍历Json串浏览器输出的结果不统一问题

2016/11/03 Javascript

Vue.js项目模板搭建图文教程

2017/09/20 Javascript

基于vue的换肤功能的示例代码

2017/10/10 Javascript

AngularJS 实现购物车全选反选功能

2017/10/24 Javascript

Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)

2018/02/08 Javascript

微信小程序HTTP请求从0到1封装

2019/09/09 Javascript

vue中实现点击变成全屏的多种方法

2020/09/27 Javascript

Python用GET方法上传文件

2015/03/10 Python

在Python的gevent框架下执行异步的Solr查询的教程

2015/04/16 Python

python创建临时文件夹的方法

2015/07/06 Python

详解Django框架中用户的登录和退出的实现

2015/07/23 Python

深入理解Python中装饰器的用法

2016/06/28 Python

CentOS 7下安装Python3.6 及遇到的问题小结

2018/11/08 Python

使用Python检测文章抄袭及去重算法原理解析

2019/06/14 Python

Django实现发送邮件找回密码功能

2019/08/12 Python

阿里巴巴的Oracle DBA笔试题答案-SQL tuning类

2016/04/03 面试题

经济管理专业毕业生推荐信

2013/11/11 职场文书

经理管理专业自荐信范文

2013/12/31 职场文书

预备党员转正思想汇报

2014/01/12 职场文书

大二学生学习个人自我评价

2014/01/19 职场文书

西式婚礼主持词

2014/03/13 职场文书

自查自纠整改报告

2014/11/06 职场文书

一年级小学生评语大全

2014/12/25 职场文书

仓库保管员岗位职责

2015/02/09 职场文书

索赔员岗位职责

2015/02/15 职场文书

SQL Server表分区删除详情

2021/10/16 SQL Server