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 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
jquery form表单提交插件asp.net后台中文解码
Jun 12 Javascript
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
May 14 Javascript
js 判断图片是否加载完以及实现图片的预下载
Aug 14 Javascript
再探JavaScript作用域
Sep 24 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
JavaScript设计模式初探
Jan 07 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
Dec 23 Javascript
JavaScript表单即时验证 验证不成功不能提交
Aug 31 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
vue实现简易计算器功能
Jan 20 Vue.js
浅析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
在Yii2特定页面如何禁用调试工具栏Debug Toolbar详解
2017/08/07 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
python的迭代器与生成器实例详解
2014/07/16 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
Python post请求实现代码实例
2020/02/28 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
一份全面的PHP面试问题考卷
2012/07/15 面试题
J2EE模式面试题
2016/10/11 面试题
物流司机岗位职责
2013/12/28 职场文书
医药工作岗位求职信分享
2013/12/31 职场文书
公司节能减排方案
2014/05/16 职场文书
微笑服务标语
2014/06/24 职场文书
分公司总经理岗位职责
2014/08/03 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
逃课检讨书
2015/01/26 职场文书
户外亲子活动总结
2015/05/08 职场文书
交通事故代理词范文
2015/05/23 职场文书
小学教代会开幕词
2016/03/04 职场文书