jQuery作為Javascript的一個強大的庫，其對DOM物件的操作之簡化，讓開發人員甚至於小白們都為之讚歎不已。
接著上一個系列的jQuery選擇器的教程，接下來教大家的是jQuery中的DOM操作。為了方便大家更加容易對jQuery中的各種操作DOM物件的函式進行理解。今天我花了一天的時間自己構建了一個模仿W3C School的線上測試工具，夢三秋線上測試工具1.0版，感興趣的可以試試。

關於jQuery DOM操作，我會分為幾篇文章來介紹，儘量寫細一點，讓例子更加豐富點。今天先來說說jQuery關於DOM節點的一些操作函式的用法。
建立一個簡單的頁面，程式碼如下：（body之間的內容）

1. 首先來看看如何查詢元素節點的：
   jquery程式碼：

   1	var $li = $("ul li");//獲取<ul>中的所有的li節點

   2	var $li2 = $("ul li:eq(1)" );//獲取<ul>中的第二個<li>節點

   3	var $li_2 = $li.eq(1);//同樣也獲取到<ul>中的第二個<li>節點

   4	alert($li2.text());//打印出jQuery

   5	alert($li_2.text());//同樣打印出jQuery

   6	alert($li.text());//會打印出PHPjQueryCSS

   7	alert($li.html());//會打印出PHP

   

   注意:text函式是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。

2. 利用元素屬性來查詢節點：
   
   Jquery程式碼：

   1	var $li_title_jQuery = $("li[title=jQuery]");//獲取title屬性為‘jQuery’的<li>元素

   2	$li_title_jQuery.css("color","#FF0000");//將title屬性為‘jQuery’的<li>元素的字型顏色設定為紅色

   3	var $li_last = $("ul li:last");//獲取<ul>中的最後一個<li>元素

   4	var li_last_title = $li_last.attr("title");//獲取<ul>中的最後一個<li>元素的title屬性

   5	alert(li_last_title);

   
3. 建立節點：
   $(html)方法會根據傳入的HTML標記字串，首先建立一個DOM物件，並將這個DOM物件包裝成jQuery物件後返回。也就是說$(html)方法返回的始終是個jQuery物件。
   記住必須要正確地傳入HTML標記字串，不然返回的物件雖然是jQuery物件，但是可以說是空jQuery物件（因為這個jQuery物件的length屬性為0，所以我就認為它是空的物件，不一定準確，但是我是這麼理解的 ^_^ ）
   不相信你們可以試試：
   Jquery程式碼：

   1	alert($("這是個不正確的引數").length);//會打印出0

   2	alert($("<SPAN>這是個正確的HTML標記字串</SPAN>").length);//會打印出1

   3	alert($("<SPAN>這是個正確的HTML標記字串</SPAN><SPAN>第二個span</SPAN>").length);//會打印出2

   4

   alert($("

   5	<DIV><SPAN>這是個正確的HTML標記字串</SPAN><SPAN>第二個span</SPAN></DIV>

   6

   7	").length);//會打印出1

   

   現在我們再來細細地看看$(html)生成各種節點的樣子，通過jquery的append方法，將$(html)生成的節點插入到DOM中去，你就可以清晰地看明白了。
   jQuery程式碼：

   1	var $li = $("<li>$lt;/li>");//為了相容各大瀏覽器，請一定要用組合關閉標籤

   2	var $input = $("<input />");//像input這樣的元素，要寫正規了<input />自關閉

   3	$("ul").append($li);//將新建的li節點插入到ul中去

   4	$li.append($input);//將新建的input節點插入到新建的li中去

   5	$li2 = $("<li title='jQuery外掛'>jQuery外掛</li>");//建立一個完整的元素

   6	$("ul").append($li2);//將新建的完整的li元素新增到ul元素中去

   

額~~一下子都寫了這麼多內容了呢~~為了讓大家看得更舒服點，jQuery節點操作函式的教程就分成兩篇文章吧~敬請期待！