jQuery学习笔记1-3
2013-02-21 10:27
211 查看
<!DOCTYPE
HTML PUBLIC
"-//W3C//DTDHTML 4.01 Transitional//EN">
<html>
<head>
<title>1.3 jQuery访问DOM对象</title>
<!--
什么是DOM对象?
DOM:Document ObjectModel
文本对象模型。简单的说DOM是一个模型,按照这个模型做出来的东西就是DOM对象
ps:个人觉得
DOM对象可以看成java中的类。加载在内存中的页面都好比是new这个DOM来的。html=new
DOM()?
示例:
创建一个div1 获取div1的内容,处理后赋值给div2,显示div1
div2;
-->
<script
language="javascript"type="text/javascript"
src="JavaScript/jquery-1.9.1.min.js"></script>
</head>
<body>
<div
id="div1">我是div1</div>
<div
id="div2"></div>
<!--
已下代码必须写在div
后边否则不生效 -->
<script
type="text/javascript">
var div1=$("#div1");
var div2=$("#div2");
div2.html("div2显示:"+div1.html());
</script>
</body>
</html>
HTML PUBLIC
"-//W3C//DTDHTML 4.01 Transitional//EN">
<html>
<head>
<title>1.3 jQuery访问DOM对象</title>
<!--
什么是DOM对象?
DOM:Document ObjectModel
文本对象模型。简单的说DOM是一个模型,按照这个模型做出来的东西就是DOM对象
ps:个人觉得
DOM对象可以看成java中的类。加载在内存中的页面都好比是new这个DOM来的。html=new
DOM()?
示例:
创建一个div1 获取div1的内容,处理后赋值给div2,显示div1
div2;
-->
<script
language="javascript"type="text/javascript"
src="JavaScript/jquery-1.9.1.min.js"></script>
</head>
<body>
<div
id="div1">我是div1</div>
<div
id="div2"></div>
<!--
已下代码必须写在div
后边否则不生效 -->
<script
type="text/javascript">
var div1=$("#div1");
var div2=$("#div2");
div2.html("div2显示:"+div1.html());
</script>
</body>
</html>
相关文章推荐
- JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
- jquery学习笔记(二)
- jQuery学习笔记----入门
- JQuery学习笔记
- jQuery学习笔记(8)--表格筛选
- 锋利的jQuery第2版学习笔记1~3章
- 我的Jquery学习笔记(一)
- jquery源码学习笔记一:总体结构
- jquery学习笔记之选择器
- jQuery 学习笔记
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
- 【jQuery学习笔记-----DOM---删除元素】
- Java程序员的JavaScript学习笔记(9—— jQuery工具方法)
- 【jQuery学习笔记-----DOM替换元素】
- jQuery学习笔记
- jQuery 学习笔记之十一 (jQuery ajax 详解)
- [转] jQuery零基础学习笔记
- jQuery学习笔记之九------事件对象
- jQuery 学习笔记 事件系列
- jQuery学习笔记(三)