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 相关文章推荐
动态载入js提高网页打开速度的方法
Jul 04 Javascript
详细解密jsonp跨域请求
Apr 15 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
jquery验证手机号是否正确实例讲解
Nov 17 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
js中常用的Tab切换效果(推荐)
Aug 30 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
浅谈Redux中间件的实践
Jul 27 Javascript
js实现一个简易计算器
Mar 30 Javascript
Javascript表单序列化原理及实现代码详解
Oct 30 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设计聊天室步步通
2006/10/09 PHP
用Simple Excel导出xls实现方法
2012/12/06 PHP
详解php的socket通信
2015/08/11 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
Python的randrange()方法使用教程
2015/05/15 Python
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
python list格式数据excel导出方法
2018/10/31 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
塔吉特百货公司官网:Target
2017/04/27 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
艾滋病宣传标语
2014/06/25 职场文书
明星员工获奖感言
2014/08/14 职场文书
违反交通法规检讨书
2014/09/10 职场文书
领导班子专题民主生活会情况想汇报
2014/09/30 职场文书
践行三严三实心得体会
2014/10/13 职场文书
美术教师求职信范文
2015/03/20 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
Python中的socket网络模块介绍
2022/07/23 Python
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python