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高级程序设计 客户端存储学习笔记
Sep 10 Javascript
基于jquery的滚动鼠标放大缩小图片效果
Oct 27 Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
jQuery中get()方法用法实例
Dec 27 Javascript
基于jQuery实现返回顶部实例代码
Jan 01 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
js 解析 JSON 数据简单示例
Apr 21 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
详解vue 组件注册
Nov 20 Vue.js
给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 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
php中禁止单个IP与ip段访问的代码小结
2012/07/04 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
php中HTTP_REFERER函数用法实例
2014/11/21 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
Javascript实现div层渐隐效果的方法
2015/05/30 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
vue中进行微博分享的实例讲解
2019/10/14 Javascript
Python中使用动态变量名的方法
2014/05/06 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
怎样声明接口
2014/09/19 面试题
工程师求职简历的自我评价分享
2013/10/10 职场文书
车间工艺员岗位职责
2013/12/09 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
鲜花方阵解说词
2014/02/13 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript