jQuery創(chuàng)建DOM元素實例解析

更新時間：2015年01月19日 10:55:59 投稿：shichen2014

這篇文章主要介紹了jQuery創(chuàng)建DOM元素的方法,實例分析了jQuery使用$直接創(chuàng)建DOM元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery創(chuàng)建DOM元素的使用技巧。分享給大家供大家參考。具體分析如下：

利用DOM方法創(chuàng)建元素節(jié)點，通常要將document.createElement()、document.createTextNode()、appendChild()配合使用，十分麻煩。

而jQuery使用$就可以直接創(chuàng)建DOM元素

復(fù)制代碼代碼如下:

var oNewP = $("<p>使用jQuery創(chuàng)建的內(nèi)容</p>");

以上代碼等同于javascript

復(fù)制代碼代碼如下:

var oNewP2 = document.createElement("p");

var oText = document.createTextNode("這是使用javascript方法創(chuàng)建的內(nèi)容");

oNewP2.appendChild(oText);

例：使用jQuery創(chuàng)建DOM

復(fù)制代碼代碼如下:

</script>
<div id="display"></div>

使用jQuery大大縮短了代碼長度。節(jié)省了編寫時間。

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

Jquery 分頁插件之Jquery Pagination
實用jQuery分頁特效插件jquery.pagination.js，基于jQuery實現(xiàn)，本文給大家分享jquery分頁插件之jquery pagination，需要的朋友可以參考下
2015-08-08
jquery點擊縮略圖切換視頻播放特效代碼分享
這篇文章主要介紹了jquery點擊縮略圖切換視頻播放，我們可以點擊縮略圖切換不同的視頻進(jìn)行播放，過去是實現(xiàn)圖片切換現(xiàn)在有進(jìn)一步實現(xiàn)視頻切換，感興趣的小伙伴可以參考下。
2015-09-09
jQuery實現(xiàn)二級下拉菜單效果
這篇文章主要介紹了jQuery實現(xiàn)二級下拉菜單效果的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jQuery MD5加密實現(xiàn)代碼
有時候我們想在js里面使用加密，jQuery就提供了這樣的插件，用法十分簡單
2010-03-03
Jquery Validation插件防止重復(fù)提交表單的解決方法
在項目開發(fā)中，測試人員報告缺陷說，即時有表單驗證，但是如果快速點擊兩下“提交”按鈕，系統(tǒng)會產(chǎn)生兩條相同的記錄。
2010-03-03
jQuery類選擇器用法實例
這篇文章主要介紹了jQuery類選擇器用法,以一個隱藏div元素的實例分析了jQuery類選擇器的用法技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery實現(xiàn)簡潔的輪播圖效果實例
這篇文章主要介紹了jQuery實現(xiàn)簡潔的輪播圖效果,結(jié)合實例形式分析了jQuery的事件響應(yīng)機制與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-09-09
jQuery 行背景顏色的交替顯示(隔行變色)實現(xiàn)代碼
主要是利用了jquery的attr為行添加樣式來實現(xiàn)的，具體的代碼如下。
2009-12-12
jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果
這篇文章主要介紹了jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果,涉及jquery通過時間函數(shù)定時觸發(fā)頁面元素樣式變換的功能,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
jQuery實現(xiàn)提交按鈕點擊后變成正在處理字樣并禁止點擊的方法
這篇文章主要介紹了jQuery實現(xiàn)提交按鈕點擊后變成正在處理字樣并禁止點擊的方法,涉及jQuery中val與attr方法的使用技巧,需要的朋友可以參考下
2015-03-03