编程 Javascript

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 相关文章推荐

获取dom元素那些讨厌的位置封装代码

Jun 23 Javascript

DOM_window对象属性之--clipboardData对象操作代码

Feb 03 Javascript

js格式化货币数据实现代码

Sep 04 Javascript

原生javascript实现隔行换色

Jan 04 Javascript

jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码

Aug 21 Javascript

第一篇初识bootstrap

Jun 21 Javascript

详解Angular.js的$q.defer()服务异步处理

Nov 06 Javascript

js时间戳和c#时间戳互转方法(推荐)

Feb 15 Javascript

Angular排序实例详解

Jun 28 Javascript

浅谈angular4生命周期钩子

Sep 05 Javascript

微信小程序时间控件picker view使用详解

Dec 28 Javascript

微信小程序人脸识别功能代码实例

May 07 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

php 什么是PEAR？(第三篇)

2009/03/19 PHP

php打乱数组二维数组多维数组的简单实例

2016/06/17 PHP

微信支付开发告警通知实例

2016/07/12 PHP

Jquery 常用方法经典总结

2010/01/28 Javascript

编写高性能的JavaScript 脚本的加载与执行

2010/04/19 Javascript

自写简单JS判断是否已经弹出页面

2010/10/20 Javascript

jquery中dom操作和事件的实例学习-表单验证

2011/11/30 Javascript

深入理解javascript严格模式(Strict Mode)

2014/11/28 Javascript

简单介绍JavaScript中字符串创建的基本方法

2015/07/07 Javascript

JavaScript对象数组的排序处理方法

2015/10/21 Javascript

JavaScript生成带有缩进的表格代码

2016/06/15 Javascript

浅述节点的创建及常见功能的实现

2016/12/15 Javascript

清除输入框内的空格

2016/12/21 Javascript

AngularJS实现注册表单验证功能

2017/10/16 Javascript

vue点击当前路由高亮小案例

2019/09/26 Javascript

Vue实现多页签组件

2021/01/14 Vue.js

Python入门篇之正则表达式

2014/10/20 Python

用Python编写web API的教程

2015/04/30 Python

Python基于贪心算法解决背包问题示例

2017/11/27 Python

Python实现从log日志中提取ip的方法【正则提取】

2018/03/31 Python

wtfPython—Python中一组有趣微妙的代码【收藏】

2018/08/31 Python

Python线程池模块ThreadPoolExecutor用法分析

2018/12/28 Python

基于Python快速处理PDF表格数据

2020/06/03 Python

如何快速理解python的垃圾回收机制

2020/09/01 Python

美国乡村商店：Plow & Hearth

2016/09/12 全球购物

荷兰音乐会和音乐剧门票订购网站：Topticketshop

2019/08/27 全球购物

.NET remoting中对象激活的两种方式

2015/06/08 面试题

现金会计岗位职责

2013/12/05 职场文书

幼儿园大班评语大全

2014/04/17 职场文书

法人委托书范本

2014/09/15 职场文书

法制教育观后感

2015/06/17 职场文书

新郎婚礼致辞

2015/07/27 职场文书

熟背这些句子，让您的英语口语突飞猛进（135句）

2019/09/06 职场文书

Python包管理工具pip的15 个使用小技巧

2021/05/17 Python

vue+spring boot实现校验码功能

2021/05/27 Vue.js

Python+Matplotlib图像上指定坐标的位置添加文本标签与注释

2022/04/11 Python