jQuery學(xué)習(xí)筆記之創(chuàng)建DOM元素
利用DOM方法創(chuàng)建元素節(jié)點,通常要將document.createElement()、document.createTextNode()、appendChild()配合使用,十分麻煩。
而jQuery使用$就可以直接創(chuàng)建DOM元素
var oNewP = $("<p>使用jQuery創(chuàng)建的內(nèi)容</p>");
以上代碼等同于javascript
var oNewP2 = document.createElement("p");
var oText = document.createTextNode("這是使用javascript方法創(chuàng)建的內(nèi)容");
oNewP2.appendChild(oText);
例:使用jQuery創(chuàng)建DOM
<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)文章
利用jquery動畫特效和css打造的側(cè)邊彈出垂直導(dǎo)航
這是一款側(cè)邊彈出垂直導(dǎo)航,整個彈出過程比較流暢,而且代碼很簡單,需要的朋友可以參考下2014-04-04jquery操作checkbox火狐下第二次無法勾選的解決方法
這篇文章主要介紹了jquery操作checkbox火狐下第二次無法勾選問題的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10jQuery CSS3相結(jié)合實現(xiàn)時鐘插件
這篇文章主要介紹了jQuery CSS3相結(jié)合實現(xiàn)時鐘插件附源碼下載的相關(guān)資料,需要的朋友可以參考下2016-01-01jquery使用iscorll實現(xiàn)上拉、下拉加載刷新
這篇文章主要為大家詳細介紹了jquery使用iscorll實現(xiàn)上拉、下拉加載刷新的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10