亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery學(xué)習(xí)筆記之DOM對(duì)象和jQuery對(duì)象

 更新時(shí)間：2010年12月22日 14:24:05   作者：  
DOM對(duì)象和jQuery對(duì)象的操作時(shí)很重要的，是jquery與頁面元素互動(dòng)的基礎(chǔ)。
什么是DOM對(duì)象？

HTML是以樹形結(jié)構(gòu)來組織文檔的，具體如下:
復(fù)制代碼 代碼如下:

<!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對(duì)象
var $jQueryObj = $(domObj); //jQuery對(duì)象
alert("DOM對(duì)象："+domObj.innerHTML);
alert("jQuery對(duì)象："+$jQueryObj.html());
});
</script>
</head>
<body>
<h3>例子</h3>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
<li>蘋果</li>
<li>橘子</li>
<li>菠蘿</li>
</ul>
</body>
</html>

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

什么是jQuery對(duì)象？

jQuery對(duì)象就是經(jīng)過jQuery包裝過的DOM對(duì)象，如下：

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

jQuery對(duì)象和DOM對(duì)象的轉(zhuǎn)換？

1.獲取對(duì)象：

獲取jQuery對(duì)象：var $variable=jQuery對(duì)象；
獲取DOM對(duì)象：var variable=DOM對(duì)象；
2.jQuery對(duì)象轉(zhuǎn)DOM對(duì)象：

利用數(shù)組轉(zhuǎn)換 var cr=$("#cr")[0];
利用get(index)方法轉(zhuǎn)換 var cr=$("#cr").get(0);
3.DOM對(duì)象轉(zhuǎn)jQuery對(duì)象：
var cr=document.getElementsById("cr"); //獲取DOM對(duì)象
var $cr=$(cr);//轉(zhuǎn)換為jQuery對(duì)象

相關(guān)文章

最新評(píng)論