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 职场文书