编程 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高级程序设计客户端存储学习笔记

Sep 10 Javascript

基于jquery的滚动鼠标放大缩小图片效果

Oct 27 Javascript

javascript学习笔记(十一) 正则表达式介绍

Jun 20 Javascript

分享2个jQuery插件--jquery.fileupload与artdialog

Dec 26 Javascript

jQuery中get()方法用法实例

Dec 27 Javascript

基于jQuery实现返回顶部实例代码

Jan 01 Javascript

jQuery中常用动画效果函数(日常整理)

Sep 17 Javascript

BootStrap Table实现server分页序号连续显示功能（当前页从上一页的结束序号开始）

Sep 12 Javascript

vue解决一个方法同时发送多个请求的问题

Sep 25 Javascript

js 解析 JSON 数据简单示例

Apr 21 Javascript

vue swipeCell滑动单元格(仿微信)的实现示例

Sep 14 Javascript

详解vue 组件注册

Nov 20 Vue.js

给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 服务器调试 Zend Debugger 的安装教程

2009/09/25 PHP

php中禁止单个IP与ip段访问的代码小结

2012/07/04 PHP

2个比较经典的PHP加密解密函数分享

2014/07/01 PHP

php中HTTP_REFERER函数用法实例

2014/11/21 PHP

php循环table实现一行两列显示的方法

2015/06/04 PHP

laravel框架创建授权策略实例分析

2019/11/22 PHP

采用CSS和JS,刚好我最近有个站点要用到下拉菜单!

2006/06/26 Javascript

用正则表达式动态创建/增加css style script 兼容IE firefox

2009/03/10 Javascript

用最通俗易懂的代码帮助新手理解javascript闭包推荐

2012/03/01 Javascript

浅析JavaScript中的同名标识符优先级

2013/12/06 Javascript

JavaScript中的数组操作介绍

2014/12/30 Javascript

JavaScript中的逻辑判断符&&、||与!介绍

2014/12/31 Javascript

angularJS结合canvas画图例子

2015/02/09 Javascript

解决bootstrap中modal遇到Esc键无法关闭页面

2015/03/09 Javascript

Javascript实现div层渐隐效果的方法

2015/05/30 Javascript

配置Grunt的Task时通配符支持和动态生成文件名问题

2015/09/06 Javascript

bootstrap组件之按钮式下拉菜单小结

2017/01/19 Javascript

JavaScript省市级联下拉菜单实例

2017/02/14 Javascript

js读取json文件片段中的数据实例

2017/03/09 Javascript

vue实现动态数据绑定

2017/04/28 Javascript

jQuery使用zTree插件实现可拖拽的树示例

2017/09/23 jQuery

vue中进行微博分享的实例讲解

2019/10/14 Javascript

Python中使用动态变量名的方法

2014/05/06 Python

Fiddler如何抓取手机APP数据包

2016/01/22 Python

浅谈django model postgres的json字段编码问题

2018/01/05 Python

Python爬虫天气预报实例详解（小白入门）

2018/01/24 Python

python3中替换python2中cmp函数的实现

2019/08/20 Python

django框架F&Q 聚合与分组操作示例

2019/12/12 Python

美国全球旅游运营商：Pacific Holidays

2018/06/18 全球购物

怎样声明接口

2014/09/19 面试题

工程师求职简历的自我评价分享

2013/10/10 职场文书

车间工艺员岗位职责

2013/12/09 职场文书

班会关于环保演讲稿

2013/12/29 职场文书

鲜花方阵解说词

2014/02/13 职场文书

分析并发编程之LongAdder原理

2021/06/29 Java/Android

5种方法告诉你如何使JavaScript 代码库更干净

2021/09/15 Javascript