jquery創(chuàng)建一個新的節(jié)點對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
更新時間：2013年01月21日 09:58:02 作者：
jq創(chuàng)建一個新的節(jié)點對象,這對一些自定義功能很有幫助，而且可以隨意控制對象的結(jié)構(gòu)與內(nèi)容，何樂而不為呢，看到這里，相信有些朋友已經(jīng)按耐不住了，好記下來為大家介紹實現(xiàn)方法，感興趣的朋友可以了解下哦
HTML
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JsBin-在線js/css調(diào)試工具</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
</head>
<body>
<p id="hello">Hello OSTools</p>
</body>
</html>
JavaScript
//jq創(chuàng)建一個新的節(jié)點對象;
//例如：<div id='mydiv' class='menu'></div>
var objNewDiv = $('<div>',{'id':'mydiv','class':'menu'});
objNewDiv.html(123456);
$('#hello').append(objNewDiv);
console.log(objNewDiv);
結(jié)果：
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JsBin-在線js/css調(diào)試工具</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
</head>
<body>
<p id="hello">Hello OSTools</p>
</body>
</html>
JavaScript
復(fù)制代碼 代碼如下:
//jq創(chuàng)建一個新的節(jié)點對象;
//例如：<div id='mydiv' class='menu'></div>
var objNewDiv = $('<div>',{'id':'mydiv','class':'menu'});
objNewDiv.html(123456);
$('#hello').append(objNewDiv);
console.log(objNewDiv);
結(jié)果：
您可能感興趣的文章:
- jQuery與JavaScript節(jié)點創(chuàng)建方法的對比
- jstree創(chuàng)建無限分級樹的方法【基于ajax動態(tài)創(chuàng)建子節(jié)點】
- jQuery動態(tài)創(chuàng)建元素以及追加節(jié)點的實現(xiàn)方法
- jQuery簡單創(chuàng)建節(jié)點的方法
- JavaScript中對DOM節(jié)點的訪問、創(chuàng)建、修改、刪除
- JQuery創(chuàng)建DOM節(jié)點的方法
- 刪除javascript所創(chuàng)建子節(jié)點的方法
- js創(chuàng)建元素（節(jié)點）示例
- xml創(chuàng)建節(jié)點(根節(jié)點、子節(jié)點)
- js和jquery對dom節(jié)點的操作(創(chuàng)建/追加)
- 創(chuàng)建二叉樹 二叉樹如何刪除節(jié)點操作教程
- 初學js 新節(jié)點的創(chuàng)建 刪除 的步驟
- 淺述節(jié)點的創(chuàng)建及常見功能的實現(xiàn)
相關(guān)文章
這個方法把ajax方法封裝一下，方便調(diào)用2008-11-11
本文給大家分享jQuery 1.9版本以上的瀏覽器判斷方法，非常不粗，具有參考借鑒價值，需要的的朋友參考下吧2017-08-08
jQuery.extend 函數(shù)的詳細用法，學習jquery的朋友可以參考下2012-06-06
jQuery是用來干什么的 jquery其實就是一個js框架
jQuery是一bai個簡潔而快速的JavaScript庫，可用于du簡化zhi事件處理，HTML文檔遍歷，Ajax交互和dao動畫，以更快速開發(fā)網(wǎng)站2021-02-02
Jquery實現(xiàn)視頻播放頁面的關(guān)燈開燈效果
使用Jquery實現(xiàn)視頻播放頁面的關(guān)燈開燈效果。其中視頻顯示使用embed 元素，該元素是html5的元素，所以使用支持html5的瀏覽器效果會更好，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下2013-05-05
jQuery倒計時插件，主要用來限時購買，需要的朋友可以參考下。2011-05-05
jQuery確實是一項偉大的技術(shù)，通過jQuery的插件，我們可以方便的創(chuàng)建具有更好用戶界面的網(wǎng)站。在本文中，將和大家分享40個對你創(chuàng)建更好用戶界面的jQuery技術(shù)和教程。2011-01-01
jQuery插件實現(xiàn)的日歷功能示例【附源碼下載】
這篇文章主要介紹了jQuery插件實現(xiàn)的日歷功能,結(jié)合完整實例形式分析了jQuery datepicker插件實現(xiàn)日歷功能的相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了jQuery添加options點擊事件并傳值實例代碼，非常具有參考價值，需要的朋友一起看下吧2016-05-05
JQuery操作與遍歷元素并設(shè)置其屬性、樣式和內(nèi)容
本文詳細講解了JQuery操作與遍歷元素并設(shè)置其屬性、樣式和內(nèi)容的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04