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

javascript 触发HTML元素绑定的函数

Sep 11 Javascript

Jquery图形报表插件 jqplot简介及参数详解

Oct 10 Javascript

javaScript复制功能调用实现方案

Dec 13 Javascript

jQuery中position()方法用法实例

Jan 16 Javascript

JavaScript设置body高度为浏览器高度的方法

Feb 09 Javascript

jquery中ajax跨域方法实例分析

Dec 18 Javascript

原生js实现class的添加和删除简单代码

Jul 12 Javascript

seajs模块之间依赖的加载以及模块的执行

Oct 21 Javascript

JS动画定时器知识总结

Mar 23 Javascript

小程序实现单选多选功能

Nov 04 Javascript

vue实现移动端省市区选择

Sep 27 Javascript

jQuery实现广告显示和隐藏动画

Jul 04 jQuery

给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

桌面中心(四)数据显示

2006/10/09 PHP

php 正则匹配函数体

2009/08/25 PHP

php中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别

2009/09/05 PHP

php 面试碰到过的问题在此做下记录

2011/06/09 PHP

php数组函数序列之array_values() 获取数组元素值的函数与方法

2011/10/30 PHP

php中inlcude()性能对比详解

2012/09/16 PHP

迅速确定php多维数组的深度的方法

2014/01/07 PHP

php检查日期函数checkdate用法实例

2015/03/19 PHP

Laravel如何自定义command命令浅析

2019/03/23 PHP

jQuery+CSS 实现的超Sexy下拉菜单

2010/01/17 Javascript

jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍

2011/10/21 Javascript

js中eval详解

2012/03/30 Javascript

jquery实现可拖动DIV自定义保存到数据的实例

2013/11/20 Javascript

node.js适合游戏后台开发吗？

2014/09/03 Javascript

运行Node.js的IIS扩展iisnode安装配置笔记

2015/03/02 Javascript

JQuery自动触发事件的方法

2015/06/13 Javascript

JavaScript tab选项卡插件实例代码

2016/02/23 Javascript

深入理解Angularjs向指令传递数据双向绑定机制

2016/12/31 Javascript

nodejs基础知识

2017/02/03 NodeJs

原生javascript实现分页效果

2017/04/21 Javascript

vue如何通过id从列表页跳转到对应的详情页

2018/05/01 Javascript

简单的三步vuex入门

2018/05/20 Javascript

面向初学者的Python编辑器Mu

2018/10/08 Python

Python print不能立即打印的解决方式

2020/02/19 Python

Python龙贝格法求积分实例

2020/02/29 Python

python 将列表里的字典元素合并为一个字典实例

2020/09/01 Python

python 利用matplotlib在3D空间中绘制平面的案例

2021/02/06 Python

美国一家运动专业鞋类零售商：Warehouse Shoe Sale（WSS）

2018/03/28 全球购物

当当网软件测试笔试题

2015/11/24 面试题

党员自我剖析材料

2014/08/31 职场文书

2014最新离职证明范本

2014/09/12 职场文书

学习三严三实对照检查材料思想汇报

2014/09/22 职场文书

迟到检讨书

2015/01/26 职场文书

创业者如何撰写出一份打动投资人的商业计划书？

2019/07/02 职场文书

SQL 窗口函数实现高效分页查询的案例分析

2021/05/21 SQL Server

Nginx 反向代理解决跨域问题多种情况分析

2022/01/18 Servers