 
<!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é)點(diǎn)對象; 
//例如：<div id='mydiv' class='menu'></div> 
var objNewDiv = $('<div>',{'id':'mydiv','class':'menu'}); 
objNewDiv.html(123456); 
$('#hello').append(objNewDiv); 
console.log(objNewDiv); 

結(jié)果：

您可能感興趣的文章:

相關(guān)文章

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