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

event.keyCode键码值表附只能输入特定的字符串代码

May 15 Javascript

jquery插件 cluetip 关键词注释

Jan 12 Javascript

理解Javascript_15_作用域分配与变量访问规则,再送个闭包

Oct 20 Javascript

基于jquery的仿百度搜索框效果代码

Apr 11 Javascript

JavaScript面向对象之私有静态变量实例分析

Jan 14 Javascript

jQuery回到顶部的代码

Jul 09 Javascript

Vue应用部署到服务器的正确方式

Jul 15 Javascript

移动设备手势事件库Touch.js使用详解

Aug 18 Javascript

详解vue-cli本地环境API代理设置和解决跨域

Sep 05 Javascript

基于DOM节点删除之empty和remove的区别(详解)

Sep 11 Javascript

Angular4 Select选择改变事件的方法

Oct 09 Javascript

vue.js 实现a标签href里添加参数

Nov 12 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和ACCESS写聊天室(十)

2006/10/09 PHP

PHP队列用法实例

2014/11/05 PHP

jQuery提交表单ajax查询实例代码

2012/10/07 Javascript

javascript中的self和this用法小结

2014/02/08 Javascript

AngularJS语法详解

2015/01/23 Javascript

js实现的Easy Tabs选项卡用法实例

2015/09/06 Javascript

基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)

2015/11/24 Javascript

最全的Javascript编码规范(推荐)

2016/06/22 Javascript

前端 Vue.js 和 MVVM 详细介绍

2016/12/29 Javascript

JavaScript实现两个select下拉框选项左移右移

2017/03/09 Javascript

JavaScript贪吃蛇小组件实例代码

2017/08/20 Javascript

使用vs code开发Nodejs程序的使用方法

2017/09/21 NodeJs

Node.JS循环删除非空文件夹及子目录下的所有文件

2018/03/12 Javascript

JavaScript生成指定范围随机数和随机序列的方法

2018/05/05 Javascript

vue 组件中添加样式不生效的解决方法

2018/07/06 Javascript

vue框架下部署上线后刷新报404问题的解决方案(推荐)

2019/04/03 Javascript

javascript使用substring实现的展开与收缩文字功能示例

2019/06/17 Javascript

一个基于flask的web应用诞生记录用户账户登录状态（6）

2017/04/11 Python

python获取指定时间差的时间实例详解

2017/04/11 Python

Python 多进程和数据传递的理解

2017/10/09 Python

详解Python 装饰器执行顺序迷思

2018/08/08 Python

Python读写文件基础知识点

2019/06/10 Python

python3.4 将16进制转成字符串的实例

2019/06/12 Python

基于python框架Scrapy爬取自己的博客内容过程详解

2019/08/05 Python

python实现获取单向链表倒数第k个结点的值示例

2019/10/24 Python

Python values()与itervalues()的用法详解

2019/11/27 Python

python3访问字典里的值实例方法

2020/11/18 Python

TripAdvisor斯洛伐克：阅读评论、比较价格和酒店预订

2018/04/25 全球购物

英语专业学子个人的自我评价

2013/10/02 职场文书

教学实习自我评价

2014/01/28 职场文书

差生评语大全

2014/05/04 职场文书

法人代表身份证明书及授权委托书

2014/09/16 职场文书

教师作风建设剖析材料

2014/10/11 职场文书

离职信范文

2015/06/23 职场文书

行政处罚告知书

2015/07/01 职场文书

导游词之凤凰古城

2019/10/22 职场文书