jquery创建一个新的节点对象(自定义结构/内容)的好方法


Posted in Javascript onJanuary 21, 2013

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调试工具</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创建一个新的节点对象; 
//例如:<div id='mydiv' class='menu'></div> 
var objNewDiv = $('<div>',{'id':'mydiv','class':'menu'}); 
objNewDiv.html(123456); 
$('#hello').append(objNewDiv); 
console.log(objNewDiv);

结果
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Javascript 相关文章推荐
JavaScript中的事件处理
Jan 16 Javascript
html 锁定页面(js遮罩层弹出div效果)
Oct 27 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
Easyui使用Dialog行内按钮布局的实例
Jul 27 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
深入理解Vue.js源码之事件机制
Sep 27 Javascript
Node.js 中判断一个文件是否存在
Aug 24 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 #Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 #Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 #Javascript
使用jquery实现图文切换效果另加特效
Jan 20 #Javascript
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 #Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 #Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 #Javascript
You might like
PHP如何编写易读的代码
2007/07/10 PHP
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
discuz图片顺序混乱解决方案
2015/07/29 PHP
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
js array数组对象操作方法汇总
2019/03/18 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[50:27]Secret vs VG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python3爬虫之自动查询天气并实现语音播报
2019/02/21 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
python顺序执行多个py文件的方法
2019/06/29 Python
python字典的常用方法总结
2019/07/31 Python
python 字典套字典或列表的示例
2019/12/16 Python
python 实现从高分辨图像上抠取图像块
2020/01/02 Python
python ffmpeg任意提取视频帧的方法
2020/02/21 Python
python 模拟登录B站的示例代码
2020/12/15 Python
基于Python实现天天酷跑功能
2021/01/06 Python
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
PHP经典面试题
2016/09/03 面试题
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
语文教育专业应届生求职信
2013/11/23 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
公司档案管理制度
2015/08/05 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电
MySQL创建管理子分区
2022/04/13 MySQL