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

首頁 > 編程 > JavaScript > 正文

jQuery學習筆記之DOM對象和jQuery對象

2019-11-21 00:02:11
字體:
來源:轉載
供稿:網友
什么是DOM對象?

HTML是以樹形結構來組織文檔的,具體如下:
復制代碼 代碼如下:

<!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>
<title>1-4</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 引入 jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加載完畢.
$(document).ready(function(){
var domObj = document.getElementsByTagName("h3")[0]; // Dom對象
var $jQueryObj = $(domObj); //jQuery對象
alert("DOM對象:"+domObj.innerHTML);
alert("jQuery對象:"+$jQueryObj.html());
});
</script>
</head>
<body>
<h3>例子</h3>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
<li>蘋果</li>
<li>橘子</li>
<li>菠蘿</li>
</ul>
</body>
</html>

上面的HTML文件的DOM樹如下:

什么是jQuery對象?

jQuery對象就是經過jQuery包裝過的DOM對象,如下:

$(domObj) 相當于 document.getElementsByTagName("h3")
$("#ID") 相當于 document.getElementsById("ID")

jQuery對象和DOM對象的轉換?

1.獲取對象:

獲取jQuery對象:var $variable=jQuery對象;
獲取DOM對象:var variable=DOM對象;
2.jQuery對象轉DOM對象:

利用數組轉換 var cr=$("#cr")[0];
利用get(index)方法轉換 var cr=$("#cr").get(0);
3.DOM對象轉jQuery對象:
var cr=document.getElementsById("cr"); //獲取DOM對象
var $cr=$(cr);//轉換為jQuery對象
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 天长市| 绥阳县| 永年县| 眉山市| 北海市| 大同县| 佛冈县| 会同县| 新巴尔虎左旗| 南丹县| 博湖县| 武城县| 仪陇县| 祥云县| 阿坝县| 神农架林区| 卢湾区| 沙河市| 鄄城县| 昌吉市| 兴隆县| 剑河县| 福州市| 景谷| 鄢陵县| 垣曲县| 阿尔山市| 云安县| 介休市| 武平县| 博爱县| 井冈山市| 蒙阴县| 石嘴山市| 宁蒗| 大同市| 牡丹江市| 双柏县| 渭南市| 多伦县| 丽水市|