编程 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下过滤数组重复值的代码

Sep 10 Javascript

分享XmlHttpRequest调用Webservice的一点心得

Jul 20 Javascript

JS动态调用方法名示例介绍

Dec 18 Javascript

JS去除空格和换行的正则表达式(推荐)

Jun 14 Javascript

基于js中的原型、继承的一些想法

Aug 10 Javascript

vue+vuex+axios+echarts画一个动态更新的中国地图的方法

Dec 19 Javascript

JavaScript正则表达式函数总结（常用）

Feb 22 Javascript

解决ng-repeat产生的ng-model中取不到值的问题

Oct 02 Javascript

判断js数据类型的函数实例详解

May 23 Javascript

JavaScript 自定义html元素鼠标右键菜单功能

Dec 02 Javascript

JS实现瀑布流效果

Mar 07 Javascript

el-table树形表格表单验证(列表生成序号)

May 31 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

mysql建立外键

2006/11/25 PHP

解析smarty模板中类似for的功能实现

2013/06/18 PHP

php通过array_push()函数添加多个变量到数组末尾的方法

2015/03/18 PHP

浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别

2016/12/15 PHP

PHP 记录访客的浏览信息方法

2018/01/29 PHP

php使用redis的有序集合zset实现延迟队列应用示例

2020/02/20 PHP

js仿百度贴吧验证码特效实例代码

2014/01/16 Javascript

JavaScript将数组转换成CSV格式的方法

2015/03/19 Javascript

ionic开发中点击input时键盘自动弹出

2016/12/23 Javascript

JavaScript之promise_动力节点Java学院整理

2017/07/03 Javascript

关于jquery layui弹出层的使用方法

2018/04/21 jQuery

解决vue-cli脚手架打包后vendor文件过大的问题

2018/09/27 Javascript

JavaScript JMap类定义与使用方法示例

2019/01/22 Javascript

vue列表单项展开收缩功能之this.$refs的详解

2019/05/05 Javascript

JS XMLHttpRequest原理与使用方法深入详解

2020/04/30 Javascript

Element Collapse 折叠面板的使用方法

2020/07/26 Javascript

Vue中添加滚动事件设置的方法详解

2020/09/14 Javascript

Python 模板引擎的注入问题分析

2017/01/01 Python

Python实现图片滑动式验证识别方法

2017/11/09 Python

python3.6+django2.0开发一套学员管理系统

2018/03/03 Python

centos 安装Python3 及对应的pip教程详解

2019/06/28 Python

python用win32gui遍历窗口并设置窗口位置的方法

2019/07/26 Python

python3.8下载及安装步骤详解

2020/01/15 Python

python让函数不返回结果的方法

2020/06/22 Python

Python中使用Selenium环境安装的方法步骤

2021/02/22 Python

用CSS3实现瀑布流布局的示例代码

2017/11/10 HTML / CSS

印度领先的眼镜电子商务网站：Lenskart

2019/12/16 全球购物

优秀学生干部个人的自我评价

2013/10/04 职场文书

银行个人求职自荐信范文

2013/12/16 职场文书

幼儿园家长会邀请函

2014/01/15 职场文书

幼儿园英语教学反思

2014/01/30 职场文书

药学专业学生的自我评价分享

2014/02/06 职场文书

《鹬蚌相争》教学反思

2014/04/22 职场文书

2015年前台接待工作总结

2015/05/04 职场文书

综治目标管理责任书

2015/05/11 职场文书

Spring Data JPA框架Repository自定义实现

2022/04/28 Java/Android