撰寫日期:2016-7-13 11:05:07
JavaScript與JQuery獲取DOM內容是有區別的,接下來看一例子
栗子:
Jquery-獲取H3中的內容然后Dom轉換為Jquery
<!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(){
//第一種獲取方法,通過Id來獲取
var name = $("#tagh").html(); //jQuery對象
alert("jQuery對象:"+name);
var dname = document.getElementById("tagh").innerHTML; //Dom對象
alert("DOM對象:"+dname);
//第二種獲取方法,通過標簽的名<h2>Dom來獲取
var name = document.getElementsByTagName("h2"); // Dom對象
var jOb = $(name); //JQuery對象
alert("DOM對象:"+name[0].innerHTML);
alert("jQuery對象:"+jOb.html());
//或(也屬於第二種)
var domObj = document.getElementsByTagName("h2")[0]; // Dom對象
var $jQueryObj = $(domObj); //jQuery對象
alert("DOM對象:"+domObj.innerHTML);
alert("jQuery對象:"+$jQueryObj.html());
}); </script> </head> <body> <h2 id="tagh">舉個栗子</h2> <p title="旅游勝地最想去:" >最想去的地方是?</p> <ul> <li>馬爾南極洲/li> <li>南極洲</li> <li>熱帶森林</li> </ul> </body> </html>
