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 相关文章推荐
jQuery获取Select选择的Text和Value(详细汇总)
Jan 25 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
jquery 获取dom固定元素 添加样式的简单实例
Feb 04 Javascript
Javascript实现字数统计
Jul 03 Javascript
js获取元素的外链样式的简单实现方法
Jun 06 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
Nov 22 Javascript
基于JS实现快速读取TXT文件
Aug 25 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
分享几个JavaScript运算符的使用技巧
Apr 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
让你的网站首页自动选择语言转跳
2006/12/06 PHP
利用PHP制作简单的内容采集器的原理分析
2008/10/01 PHP
PHP扩展编写点滴 技巧收集
2010/03/09 PHP
深入PHP内存相关的功能特性详解
2013/06/08 PHP
PHP使用array_fill定义多维数组的方法
2015/03/18 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
WordPress JQuery处理沙发头像
2009/06/22 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
jQuery的live()方法对hover事件的处理示例
2014/02/27 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
[03:08]TI9战队档案 - Vici Gaming
2019/08/20 DOTA
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python使用matplotlib绘制折线图教程
2017/02/08 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
python def 定义函数,调用函数方式
2020/06/02 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
深入了解Python enumerate和zip
2020/07/16 Python
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
人事部经理岗位职责
2014/03/07 职场文书
中国入世承诺
2014/04/01 职场文书
师德师风演讲稿
2014/05/05 职场文书
团组织推优材料
2014/12/29 职场文书
个人先进事迹材料
2014/12/29 职场文书
阿甘正传观后感
2015/06/01 职场文书
小马王观后感
2015/06/11 职场文书