本文實例講述了jQuery簡單創建節點的方法。分享給大家供大家參考，具體如下：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript">//<![CDATA[$(function(){ var $li_1 = $("<li title='香蕉'>香蕉</li>"); //創建一個<li>元素 //包括元素節點,文本節點和屬性節點 //其中title='香蕉' 就是創建的屬性節點 var $li_2 = $("<li title='雪梨'>雪梨</li>"); //創建一個<li>元素 //包括元素節點,文本節點和屬性節點 //其中title='雪梨' 就是創建的屬性節點 var $parent = $("ul"); // 獲取<ul>節點。<li>的父節點 $parent.append($li_1); // 添加到<ul>節點中，使之能在網頁中顯示 $parent.append($li_2); // 等價于：$parent.append($li_1).append($li_2);});//]]></script></head><body><p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p><ul> <li title='蘋果'>蘋果</li> <li title='橘子'>橘子</li> <li title='菠蘿'>菠蘿</li></ul></body></html>效果圖如下：
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery操作DOM節點方法總結》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答
