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

Prototype Function对象学习

Jul 12 Javascript

JQuery小知识

Oct 15 Javascript

JavaScript高级程序设计（第3版）学习笔记9 js函数（下）

Oct 11 Javascript

Extjs Label的 fieldLabel和html属性值对齐的方法

Jun 15 Javascript

js从Cookies里面取值的简单实现

Jun 30 Javascript

JavaScript函数柯里化详解

Apr 29 Javascript

Bootstrap表单布局样式代码

May 31 Javascript

JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)

Jun 16 Javascript

vue-cli项目修改文件热重载失效的解决方法

Sep 19 Javascript

Nuxt v-bind绑定img src不显示的解决

Dec 05 Javascript

JavaScript检测浏览器是否支持CSS变量代码实例

Apr 03 Javascript

解决vant的Toast组件时提示not defined的问题

Nov 11 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下用GD生成生成缩略图的两个选择和区别

2007/04/17 PHP

php函数的常用方法及注意之处小结

2011/07/10 PHP

解析linux下安装memcacheq(mcq)全过程笔记

2013/06/27 PHP

ThinkPHP写数组插入与获取最新插入数据ID实例

2014/11/03 PHP

基于linnux+phantomjs实现生成图片格式的网页快照

2015/04/15 PHP

php实现的微信红包算法分析（非官方）

2015/09/25 PHP

详解WordPress开发中过滤属性以及Sql语句的函数使用

2015/12/25 PHP

PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】

2018/04/24 PHP

one.php 多项目、函数库、类库统一为一个版本的方法

2020/08/24 PHP

Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据

2010/03/16 Javascript

jQuery下的几个你可能没用过的功能

2010/08/29 Javascript

javascript修改图片src的方法

2015/01/27 Javascript

详谈LABJS按需动态加载js文件

2015/05/07 Javascript

jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)

2016/05/27 Javascript

底部悬浮通栏可以关闭广告位的实现方法

2016/06/01 Javascript

AngularJS动态绑定HTML的方法分析

2016/11/07 Javascript

jquery的 filter()方法使用教程

2018/03/22 jQuery

Vue页面骨架屏的实现方法

2018/05/22 Javascript

layui 优化button按钮和弹出框的方法

2018/08/15 Javascript

Electron autoUpdater实现Windows安装包自动更新的方法

2018/12/24 Javascript

Python写的Socks5协议代理服务器

2014/08/06 Python

Python SQL查询并生成json文件操作示例

2018/08/17 Python

python3正则提取字符串里的中文实例

2019/01/31 Python

PyQt5下拉式复选框QComboCheckBox的实例

2019/06/25 Python

使用Python做垃圾分类的原理及实例代码附源码

2019/07/02 Python

python3 selenium自动化 frame表单嵌套的切换方法

2019/08/23 Python

python批量生成条形码的示例

2020/10/10 Python

5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)

2016/08/15 HTML / CSS

美国现代家具和家居商店：Apt2B

2016/08/29 全球购物

意大利高端时尚买手店：Stefania Mode

2018/03/01 全球购物

英国女士和男士时尚服装网上购物：Top Labels Online

2018/03/25 全球购物

欧舒丹俄罗斯官方网站：L’OCCITANE俄罗斯

2019/11/22 全球购物

RealTek面试题

2016/06/28 面试题

网管求职信

2014/03/03 职场文书

承诺书模板

2014/08/30 职场文书

2015年教导处教学工作总结

2015/07/22 职场文书