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 相关文章推荐
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
详解JavaScript逻辑And运算符
Dec 04 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
原生js实现吸顶效果
Mar 13 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
Vue 数据绑定的原理分析
Nov 16 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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
php采集时被封ip的解决方法
2010/08/29 PHP
php二维数组用键名分组相加实例函数
2013/11/06 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
vue监听scroll的坑的解决方法
2017/09/07 Javascript
vue2过滤器模糊查询方法
2018/09/16 Javascript
了解JavaScript中let语句
2019/05/30 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
vue实现购物车的监听
2020/04/20 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
Pytorch释放显存占用方式
2020/01/13 Python
python对XML文件的操作实现代码
2020/03/27 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
python 录制系统声音的示例
2020/12/21 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
建筑安全责任书范本
2014/07/24 职场文书
有关花店创业的计划书模板
2019/08/27 职场文书
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python
Python3.10的一些新特性原理分析
2021/09/15 Python
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js