国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永清县| 静安区| 凭祥市| 团风县| 蓬安县| 金门县| 姚安县| 高安市| 玉屏| 洪雅县| 农安县| 沅陵县| 景洪市| 涟源市| 扶绥县| 江油市| 南江县| 利川市| 朝阳市| 屏东县| 沐川县| 木里| 饶河县| 邵阳县| 大宁县| 墨脱县| 扎鲁特旗| 澜沧| 通河县| 莱芜市| 布尔津县| 长汀县| 上蔡县| 鸡泽县| 湄潭县| 理塘县| 丰台区| 德安县| 凉城县| 六安市| 北安市|