国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery創建DOM元素實例解析

2019-11-20 13:22:48
字體:
來源:轉載
供稿:網友

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

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

而jQuery使用$就可以直接創建DOM元素

復制代碼 代碼如下:
var oNewP = $("<p>使用jQuery創建的內容</p>");

以上代碼等同于javascript
復制代碼 代碼如下:
var oNewP2 = document.createElement("p");
var oText = document.createTextNode("這是使用javascript方法創建的內容");
oNewP2.appendChild(oText);

例:使用jQuery創建DOM
復制代碼 代碼如下:
<script type="text/javascript">
$(function(){
    var oNewP = $("<p>使用jQuery創建的內容</p>");
    oNewP.insertAfter("#display");     //insertAfter方法
})

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丰都县| 绍兴市| 太谷县| 冕宁县| 贺兰县| 武定县| 荆门市| 手游| 舒兰市| 咸丰县| 内江市| 班戈县| 甘洛县| 石门县| 永丰县| 密云县| 普定县| 曲周县| 平果县| 正阳县| 松桃| 得荣县| 嘉善县| 灵寿县| 阿坝县| 神池县| 滕州市| 永川市| 麟游县| 格尔木市| 望谟县| 柏乡县| 绥德县| 全州县| 栖霞市| 重庆市| 来凤县| 怀化市| 渝北区| 广饶县| 浑源县|