???? 正在著手看《javascript權威指南》，整理點兒筆記，也算是督促自己學習，每天看一點，特立此貼，希望自己能堅持下去。

?

對比：用javascript和jQuery分別判斷某元素是否存在，如果不存在則創建，并向其中追加子元素

（1）javascript的實現

//在document中的一個指定的區域輸出調試消息 function debug(msg) {var log = document.getElementById("debuglog");if (!log) {log = document.createElement("div");log.id = "debuglog"; //給這個元素的HTML id賦值log.innerHTML = "<h1>Debug Log</h1>";document.body.appendChild(log);}//將消息包裝在<pre>中，并添加至log中var pre = document.createElement("pre");var text = document.createTextNode(msg); //將msg包裝在一個文本節點中pre.appendChild(text); //將文本添加至<pre> log.appendChild(pre); }

（2）jQuery的實現

function debug(msg) {var log = $("#debuglog");if (log.length == 0) {log = $("<div id='debuglog'><h1>Debug Log</h1></div>");log.appendTo(document.body);}log.append($("<pre/>").text(msg)); //將msg包裝在<pre>中，再追加到log里 }

jQuery, write less do more. 由此可見，名不虛傳。

（聲明：以上代碼來自《Javascript權威指南》）

轉載于:https://www.cnblogs.com/jacktag/archive/2013/04/16/3024962.html

總結

以上是生活随笔為你收集整理的JavaScript那些事儿（1）：对比JavaScript和jQuery的Dom操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。