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

js函数排序的实例代码

Jul 01 Javascript

javascript loadScript异步加载脚本示例讲解

Nov 14 Javascript

jQuery结合ajax实现动态加载文本内容

May 19 Javascript

简介JavaScript中的getSeconds()方法的使用

Jun 10 Javascript

js判断浏览器类型及设备（移动页面开发）

Jul 30 Javascript

深入理解逻辑表达式的用法与或非的用法

Jun 06 Javascript

Node.js中用D3.js的方法示例

Jan 16 Javascript

Angular+Node生成随机数的方法

Jun 16 Javascript

Vue源码分析之Vue实例初始化详解

Aug 25 Javascript

vue表单中遍历表单操作按钮的显示隐藏示例

Oct 30 Javascript

javascript设计模式 ? 代理模式原理与用法实例分析

Apr 16 Javascript

Node.js web 应用如何封装到Docker容器中

Sep 01 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

全国FM电台频率大全 - 31 新疆维吾尔族自治区

2020/03/11 无线电

用PHP实现的生成静态HTML速度快类库

2007/03/31 PHP

php代码架构的八点注意事项

2016/01/25 PHP

php模板引擎技术简单实现

2016/03/15 PHP

PHP页面跳转实现延时跳转的方法

2016/12/10 PHP

vmware linux系统安装最新的php7图解

2019/04/14 PHP

解决thinkPHP 5 nginx 部署时,只跳转首页的问题

2019/10/16 PHP

PHP的imageTtfText()函数深入详解

2021/03/03 PHP

JavaScript 面向对象编程（2）定义类

2010/05/18 Javascript

Javascript 函数parseInt()转换时出现bug问题

2014/05/20 Javascript

jquery实现人性化的有选择性禁用鼠标右键

2014/06/30 Javascript

JavaScript中的普通函数与构造函数比较

2015/04/07 Javascript

ionic隐藏tabs的方法

2016/08/29 Javascript

微信小程序 form组件详解

2016/10/25 Javascript

javascript基础知识讲解

2017/01/11 Javascript

jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法

2017/03/03 Javascript

深究AngularJS如何获取input的焦点（自定义指令）

2017/06/12 Javascript

Vue.js 2.5新特性介绍(推荐)

2017/10/24 Javascript

vuex的module模块用法示例

2018/11/12 Javascript

python2.7的编码问题与解决方法

2016/10/04 Python

Python基于回溯法子集树模板解决取物搭配问题实例

2017/09/02 Python

Python基于动态规划算法解决01背包问题实例

2017/12/06 Python

python 实现UTC时间加减的方法

2018/12/31 Python

python按照多个条件排序的方法

2019/02/08 Python

详解Python做一个名片管理系统

2019/03/14 Python

Python模块、包(Package)概念与用法分析

2019/05/31 Python

Python shutil模块用法实例分析

2019/10/02 Python

CSS3实现各种图形的示例代码

2016/10/19 HTML / CSS

招聘专员岗位职责

2014/03/07 职场文书

个人政风行风自查自纠报告

2014/10/21 职场文书

违反纪律检讨书范文

2015/05/07 职场文书

2016暑期政治学习心得体会

2016/01/23 职场文书

用python实现监控视频人数统计

2021/05/21 Python

正确使用MySQL update语句

2021/05/26 MySQL

mysql中整数数据类型tinyint详解

2021/12/06 MySQL

TV动画《八十龟酱观察日记》第四季宣传PV公布

2022/04/06 日漫