国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery學習筆記[1] jQuery中的DOM操作

2019-11-21 00:04:15
字體:
來源:轉載
供稿:網友
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樹而展開的.
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宽甸| 金门县| 苍山县| 全南县| 彭阳县| 理塘县| 枞阳县| 法库县| 南乐县| 吴堡县| 盖州市| 孟连| 嘉定区| 叶城县| 班玛县| 平利县| 徐汇区| 安乡县| 哈尔滨市| 二手房| 乐昌市| 政和县| 隆德县| 永和县| 株洲县| 甘泉县| 仁怀市| 松原市| 会昌县| 庆安县| 临汾市| 大理市| 嘉鱼县| 张家界市| 兴文县| 滁州市| 吉木萨尔县| 临泽县| 襄汾县| 邢台县| 平阴县|