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

jquery 入门教程 [翻译] 推荐

Aug 17 Javascript

js面向对象多种创建对象方法小结

May 21 Javascript

JavaScript中的this关键字介绍与使用实例

Jun 21 Javascript

JQuery的ready函数与JS的onload的区别详解

Nov 21 Javascript

jQuery原型属性和原型方法详解

Jul 07 Javascript

JQuery对ASP.NET MVC数据进行更新删除

Jul 13 Javascript

AngularJS中的DOM操作用法分析

Nov 04 Javascript

AngularJs 利用百度地图API 定位当前位置获取地址信息

Jan 18 Javascript

js读取本地文件的实例

Dec 22 Javascript

vue element-ui table组件动态生成表头和数据并修改单元格格式父子组件通信

Aug 15 Javascript

layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法

Sep 21 Javascript

Vant+postcss-pxtorem 实现浏览器适配功能

Feb 05 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

adodb与adodb_lite之比较

2006/12/31 PHP

vs中通过剪切板循环来循环粘贴不同内容

2011/04/30 PHP

php若干单维数组遍历方法的比较

2011/09/20 PHP

实用的简单PHP分页集合包括使用方法

2013/10/21 PHP

PHP中nowdoc和heredoc使用需要注意的一点

2014/03/21 PHP

ubuntu下配置nginx+php+mysql详解

2015/09/10 PHP

Zend Framework教程之动作的基类Zend_Controller_Action详解

2016/03/07 PHP

yii2 数据库读写分离配置示例

2017/02/10 PHP

PHP解决中文乱码

2017/04/28 PHP

Yii框架批量插入数据扩展类的简单实现方法

2017/05/23 PHP

PHP操作路由器实现方法示例

2019/04/27 PHP

PHP面向对象程序设计之构造方法和析构方法详解

2019/06/13 PHP

jquery 分页控件实现代码

2009/11/30 Javascript

jQuery判断元素是否是隐藏的代码

2011/04/24 Javascript

JS控制阿拉伯数字转为中文大写示例代码

2013/09/04 Javascript

jquery自动将form表单封装成json的具体实现

2014/03/17 Javascript

js动态删除div元素基本思路及实现代码

2014/05/08 Javascript

浅谈页面装载js及性能分析方法

2014/12/09 Javascript

详解JS中的快速排序与冒泡

2017/01/10 Javascript

利用jQuery解析获取JSON数据

2017/04/08 jQuery

Swiper 4.x 使用方法(移动端网站的内容触摸滑动)

2018/05/17 Javascript

mpvue小程序仿qq左滑置顶删除组件

2018/08/03 Javascript

Node.js一行代码实现静态文件服务器的方法步骤

2019/05/07 Javascript

JS的时间格式化和时间戳转换函数示例详解

2020/07/27 Javascript

Python语言的12个基础知识点小结

2014/07/10 Python

Python制作简单的网页爬虫

2015/11/22 Python

python构建深度神经网络（DNN）

2018/03/10 Python

python3中os.path模块下常用的用法总结【推荐】

2018/09/16 Python

Python中如何添加自定义模块

2020/06/09 Python

python为什么会环境变量设置不成功

2020/06/23 Python

利于python脚本编写可视化nmap和masscan的方法

2020/12/29 Python

CSS3制作日历实现代码

2012/01/21 HTML / CSS

Rockport乐步美国官网：风靡美国的白宫鞋

2016/11/24 全球购物

抖音短视频(douyin)去水印工具的实现代码

2021/03/30 Javascript

Javascript设计模式之原型模式详细

2021/10/05 Javascript

vue使用refs获取嵌套组件中的值过程

2022/03/31 Vue.js