???? 正在著手看《javascript權(quán)威指南》，整理點(diǎn)兒筆記，也算是督促自己學(xué)習(xí)，每天看一點(diǎn)，特立此貼，希望自己能堅(jiān)持下去。

?

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

（1）javascript的實(shí)現(xiàn)

//在document中的一個(gè)指定的區(qū)域輸出調(diào)試消息 function debug(msg) {var log = document.getElementById("debuglog");if (!log) {log = document.createElement("div");log.id = "debuglog"; //給這個(gè)元素的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包裝在一個(gè)文本節(jié)點(diǎn)中pre.appendChild(text); //將文本添加至<pre> log.appendChild(pre); }

（2）jQuery的實(shí)現(xiàn)

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. 由此可見(jiàn)，名不虛傳。

（聲明：以上代碼來(lái)自《Javascript權(quán)威指南》）

轉(zhuǎn)載于:https://www.cnblogs.com/jacktag/archive/2013/04/16/3024962.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。