jquery创建一个新的节点对象(自定义结构/内容)的好方法
2023-06-13 09:14:44 时间
HTML
复制代码代码如下:
<!DOCTYPEhtml>
<html>
<head>
<scriptclass="jsbin"src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<metacharset=utf-8/>
<title>JsBin-在线js/css调试工具</title>
<!--[ifIE]>
<scriptsrc="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>
<pid="hello">HelloOSTools</p>
</body>
</html>
JavaScript
//jq创建一个新的节点对象;
//例如:<divid="mydiv"class="menu"></div>
varobjNewDiv=$("<div>",{"id":"mydiv","class":"menu"});
objNewDiv.html(123456);
$("#hello").append(objNewDiv);
console.log(objNewDiv);
结果:
相关文章
- jQuery 图片放大镜效果插件:jQZoom
- JQuery的父、子、兄弟节点查找,节点的子节点循环详解编程语言
- jquery选择器之基本过滤选择器详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- JQuery初体验(建议学习jquery)
- Jquery知识点三jquery表单对象操作
- jQuery:节点(插入,复制,替换,删除)操作
- jQuery弹出层始终垂直居中相对于屏幕或当前窗口
- jquery获取子节点和父节点的示例代码
- 多个jquery.datatable共存,checkbox全选异常的快速解决方法
- 同域jQuery(跨)iframe操作DOM(实例讲解)
- jquery的父子兄弟节点查找示例代码
- jQuery中选择器小问题(新人难免遇到)
- jQuery实现的导航条切换可显示隐藏
- jQuery通过控制节点实现仅在前台通过get方法完成参数传递