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é)果：
復制代碼 代碼如下:
<!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é)果：
您可能感興趣的文章:
- 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)文章
基于Jquery的跨域傳輸數(shù)據(jù)(JSONP)
基于Jquery的跨域傳輸數(shù)據(jù)(JSONP) ，需要的朋友可以參考下。2011-03-03
為jquery的ajaxfileupload增加附加參數(shù)的方法
這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下2014-03-03
使用jQuery實現(xiàn)可拖動的浮動層的完整代碼，復制保存到html文件就可以體驗效果.光標移動到層上，按住鼠標就可以拖動層2013-05-05
jQuery實現(xiàn)的下雪動畫效果示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的下雪動畫效果,涉及jQuery插件結(jié)合setInterval、animate進行動畫操作的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-02-02
這篇文章主要為大家詳細介紹了jQuery選擇器之表單元素選擇器的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
本文給大家分享的是個人封裝的tab選項卡特效的插件，十分的簡單實用，附上用法和示例，有需要的小伙伴可以參考下。2015-06-06
這篇文章主要介紹了jQuery 選擇器（61種）整理的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery輪播圖功能制作方法,結(jié)合實例形式詳細分析了jQuery輪播圖實現(xiàn)原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-12-12
jQuery修改DOM結(jié)構(gòu)_動力節(jié)點Java學院整理
這篇文章主要介紹了jQuery修改DOM結(jié)構(gòu)的相關(guān)知識，需要的的朋友參考下吧2017-07-07
這篇文章主要介紹了jquery 插件重新綁定的處理方法,結(jié)合實例形式分析了jQuery插件解除綁定與重新綁定的具體操作技巧,需要的朋友可以參考下2019-11-11