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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
jquery获取url参数及url加参数的方法
Oct 26 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
浅谈javascript错误处理
Aug 11 Javascript
一文了解JavaScript用Element Traversal新属性遍历子元素
Nov 27 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
apache mysql php 源码编译使用方法
2012/05/03 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
ThinkPHP3.2.3实现分页的方法详解
2016/06/03 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
2013/09/21 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
Python爬虫实例_城市公交网络站点数据的爬取方法
2018/01/10 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
python实现机器学习之元线性回归
2018/09/06 Python
python 调用有道api接口的方法
2019/01/03 Python
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
机械专业应届生求职信
2013/09/21 职场文书
金融专业毕业生推荐信
2013/11/26 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
汽车维修专业自荐书
2014/05/26 职场文书
师德师风个人总结
2015/02/06 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书