1、創(chuàng)建元素節(jié)點(diǎn)
　　創(chuàng)建元素節(jié)點(diǎn)并且把節(jié)點(diǎn)作為<ul>元素的子節(jié)點(diǎn)添加到DOM節(jié)點(diǎn)樹上。先創(chuàng)建元素點(diǎn)，創(chuàng)建元素節(jié)點(diǎn)使用Jquery的工廠函數(shù)$()來完成，格式如下：$(html),該方法會(huì)根據(jù)傳入的html字符串返回一個(gè)DOM對(duì)象，并將DOM對(duì)象包裝成一個(gè)JQuery對(duì)象后返回。創(chuàng)建一個(gè)元素節(jié)點(diǎn)JQuery代碼如下：
　　$li1=$("<li></li>")
　　代碼返回$li1就是一個(gè)由DOM對(duì)象包裝成的JQuery對(duì)象。把新建節(jié)點(diǎn)添加到DOM樹中JQuery代碼如下：
　　$("ul").append($li1);
　　添加后頁面中只能看到<li>元素默認(rèn)的"·",由于沒有為節(jié)點(diǎn)添加文本所以只顯示默認(rèn)符號(hào)，下面創(chuàng)建文本節(jié)點(diǎn)。
　　PS:append()方法是添加DOM節(jié)點(diǎn)方法詳見增--添加DOM節(jié)點(diǎn)。

　　2、創(chuàng)建文本節(jié)點(diǎn)
　　使用JQuery的工廠函數(shù)$()同樣能夠創(chuàng)建文本節(jié)點(diǎn)，創(chuàng)建文本節(jié)點(diǎn)的JQuery代碼如下：
　　$li2=$("<li>蘋果</li>");
　　代碼返回$li2就是一個(gè)由DOM對(duì)象包裝成JQuery對(duì)象，把新建的文本節(jié)點(diǎn)添加到DOM樹中JQuery代碼如下：
　　$("ul").append($li2);
　　添加后頁面中能看到"·蘋果"，右鍵查看頁面源碼發(fā)現(xiàn)新加的文本節(jié)點(diǎn)沒有title屬性。下面方法創(chuàng)建帶屬性的節(jié)點(diǎn)。
　　3、創(chuàng)建屬性節(jié)點(diǎn)
　　創(chuàng)建屬性節(jié)點(diǎn)同元素節(jié)點(diǎn)、文本節(jié)點(diǎn)一樣使用JQuery的工廠函數(shù)完成。創(chuàng)建屬性節(jié)點(diǎn)的JQuery代碼如下：
　　$li3=$("<li title='榴蓮'>榴蓮</li>");
　　代碼返回$li3也是一個(gè)由DOM對(duì)象包裝成JQuery對(duì)象，把新建的屬性節(jié)點(diǎn)添加到DOM樹中JQuery代碼如下：
　　$("ul").append($li3);
　　添加后頁面中能看到"·榴蓮"，右鍵查看頁面源碼發(fā)現(xiàn)新加的屬性節(jié)點(diǎn)有title='榴蓮'屬性。

環(huán)境不同 瀏覽器環(huán)境中，以 ReactDOM （也就是一般的react）渲染，是有標(biāo)簽的。 但在手機(jī)客戶端環(huán)境 以 ReactNative 渲染，沒有標(biāo)簽，但對(duì)應(yīng)的，可以使用之類的標(biāo)簽。 所以，不同環(huán)境下的 react 組件，大部分是無法無縫遷移的，需要自己進(jìn)行封裝