jQuery學(xué)習(xí)筆記之創(chuàng)建DOM元素
更新時間：2015年01月19日 11:18:46 投稿：hebedich
這篇文章主要介紹了jQuery學(xué)習(xí)筆記之創(chuàng)建DOM元素的相關(guān)資料,需要的朋友可以參考下
利用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 type="text/javascript">
$(function(){
var oNewP = $("<p>使用jQuery創(chuàng)建的內(nèi)容</p>");
oNewP.insertAfter("#display"); //insertAfter方法
})
</script>
<div id="display"></div>
使用jQuery大大縮短了代碼長度。節(jié)省了編寫時間。希望本文能給小伙伴們一些提示，有疑問請給我留言。
您可能感興趣的文章:
- jQuery中dom元素上綁定的事件詳解
- jQuery創(chuàng)建DOM元素實例解析
- jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
- jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
- jQuery 刪除/替換DOM元素的幾種方式
- jquery選擇器排除某個DOM元素的方法（實例演示）
- JQuery為頁面Dom元素綁定事件及解除綁定方法
- js/jQuery對象互轉(zhuǎn)(快速操作dom元素)
- 讀jQuery之五（取DOM元素）
- 基于Jquery的動態(tài)創(chuàng)建DOM元素的代碼
- 基于jquery的關(guān)于動態(tài)創(chuàng)建DOM元素的問題
- jQuery 創(chuàng)建Dom元素
- jQuery添加刪除DOM元素方法詳解
相關(guān)文章
第一次認(rèn)識jquery延遲對象，這篇文章主要為大家詳細(xì)解析JQ延遲對象的相關(guān)概念,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了基于JQuery制作可編輯的表格特效，一共給出了2種解決方案，小伙伴們能看出來哪種方案更合理嗎？2014-12-12
jquery左右滾動焦點圖banner圖片鼠標(biāo)經(jīng)過顯示上下頁按鈕
jquery左右滾動焦點圖banner圖片,鼠標(biāo)經(jīng)過顯示上下頁，適合寬和高都比較大的頁面使用附演示，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了一個簡單的Tab切換組件實例，大家可以參考使用2013-11-11
這篇文章主要介紹了jquery插件懶加載的示例，幫助大家更好的利用jQuery制作網(wǎng)頁，感興趣的朋友可以了解下2020-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)表格隔行換色，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09
下面小編就為大家?guī)硪黄獪\談jQuery中事情的動態(tài)綁定。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了jquery中checkbox全選失效的解決方法,需要的朋友可以參考下2014-12-12
最近要實現(xiàn)在web頁面上導(dǎo)出excel文件的功能，下面是具體的實現(xiàn)方法及思路2013-04-04
jQuery插件開發(fā)精品教程讓你的jQuery提升一個臺階
這篇文章主要介紹了jQuery插件開發(fā)精品教程讓你的jQuery提升一個臺階 的相關(guān)資料,需要的朋友可以參考下2016-01-01