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实现计算两个日期的间隔天数
Aug 14 Javascript
div+css布局的图片连续滚动js实现代码
May 04 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
javascript类型转换使用方法
Feb 08 Javascript
AngularJS 模块化详解及实例代码
Sep 14 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
关于foreach循环中遇到的问题小结
May 08 Javascript
关于redux-saga中take使用方法详解
Feb 27 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
JavaScript类型相关的常用操作总结
Feb 14 Javascript
JavaScript实现与web通信的方法详解
Aug 07 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
mysqli_set_charset和SET NAMES使用抉择及优劣分析
2013/01/13 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
php简单压缩css样式示例
2016/09/22 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
PHP实现图片压缩
2020/09/09 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
2011/09/13 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
javascript 兼容所有浏览器的DOM扩展功能
2012/08/01 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
JS 实现计算器详解及实例代码(一)
2017/01/08 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
跟老齐学Python之有点简约的元组
2014/09/24 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
Python正则表达式学习小例子
2020/03/03 Python
django model 条件过滤 queryset.filter(**condtions)用法详解
2020/05/20 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
静态变量和实例变量的区别
2015/07/07 面试题
毕业生护理专业个人求职信范文
2014/01/04 职场文书
毕业设计计划书
2014/01/09 职场文书
酒店管理毕业生自我鉴定
2014/03/02 职场文书
后勤服务中心总经理工作职责
2014/03/03 职场文书
清洁工个人总结
2015/03/04 职场文书
求职自我推荐信
2015/03/24 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技